BakaBT > Need Help? Ask Here
getting lightbox to work in the description
(1/1)
bane-o:
I'm trying to add screenshots to a torrent that I'm offering, and I am unable to get the lightbox feature to work. I know very, VERY little html, and so far all I've gotten is for the thumbnails to work. but if you try to click on them, nothing happens. At this point I'm at my technical limit on what to do. I'm running IE8 on Win7 Pro x64. (altough I don't think that's the issue, all of the rest of the torrents display fine)
Here's the link to the torrent offer: link
and here's the code that I have in my description right now:
(click to show/hide)<html>
<body><table cellspacing="0">
<tr>
<th rowspan="15" valign="top" ><img height=301 width=226 src="http://behnen.no-ip.org:8080/other/07Ghost/cover.jpg">
</th>
</tr>
<tr>
<th colspan="2" bgcolor="#E2E2E2"><h2>07-Ghost</h2></th>
</tr>
<tr>
<td width="120"><b>Alternative Titles:<b></td>
<td></td>
</tr>
<tr>
<td><b>Genres:</b></td>
<td>Action, Drama, Supernatural</td>
</tr>
<tr>
<td><b>Year:</b></td>
<td>2005</td>
</tr>
<tr>
<td><b>Volumes:</b></td>
<td>9+</td>
</tr>
<tr>
<td><b>Chapters:</b></td>
<td>57+</td>
</tr>
<tr>
<td><b>Author:</b></td>
<td><a href="">Yuki AMEMIYA</a></td>
</tr>
<tr>
<td><b>Artist:</b></td>
<td><a href="http://07-ghost.net/story.html">Yukino ICHIHARA</a></td>
</tr>
<tr>
<td><b>Rating:</b></td>
<td>4.013 stars out of 5 stars</td>
</tr>
<tr>
<td><b>Group:</b></td>
<td><a href="http://www.mangaupdates.com/releases.html?search=1702&stype=series">Timcanpi, SupremeSugar, TwilightDreams, Fyulong, inmeliora, Onkei-kun, KeiSoloSubs, zgames, Vizard,</a></td>
</tr>
<tr>
<td><b>Links:</b></td>
<td><a href="http://www.mangaupdates.com/series.html?id=1702"><b>Manga-Updates</b></a>, <a href="http://www.anime-planet.com/manga/07-ghost">Anime-Planet</a>, <a href="http://myanimelist.net/manga/1349/07-Ghost">MyAnimeList.net</a>, <a href="http://www.animenewsnetwork.com/encyclopedia/manga.php?id=7929">ANN</a>, <a href="">Wikipedia</a></td>
</tr>
<tr>
<td><b>Related in Box:</b></td>
<td><a href="http://bakabt.me/148508-07-ghost-hatsuyuki.html">07-Ghost [Hatsuyuki]</a></td>
</tr>
<tr>
<th colspan="2" bgcolor="#E2E2E2">
<h3>Description</h3>
</th>
</tr>
<tr>
<td colspan="2">Teito Klein is a former slave who attends the Barsburg Empire's military academy. Having no memory of his past and the power to wield a rare ability called Zaiphon, Teito is constantly under the scrutiny of his peers - except for his best friend Mikage, the only person he connects with. After seeing and remembering the man who killed his father, Teito tries to kill him and finds himself on the run from Barsburg's military might. Now, with the evil beings known as Kor after his soul, the Barsburg Empire after his blood and only the legendary Seven Ghosts to protect him, Teito must unlock the memories of his past before he ends up as a sacrifice for Verloren, the sealed God of Death. (copied from anime-planet.com)</td>
</tr>
<tr>
<th colspan="3">
<hr>
<div id="screenshots">
<a rel="lightbox" href="http://behnen.no-ip.org:8080/other/07Ghost/sc1.jpg"><img src="http://behnen.no-ip.org:8080/other/07Ghost/sc1_thumb.jpg" alt="screenshot"/></a>
<a rel="lightbox" href="http://behnen.no-ip.org:8080/other/07Ghost/sc2.jpg"><img src="http://behnen.no-ip.org:8080/other/07Ghost/sc2_thumb.jpg" alt="screenshot"/></a>
<a rel="lightbox" href="http://behnen.no-ip.org:8080/other/07Ghost/sc3.png"><img src="http://behnen.no-ip.org:8080/other/07Ghost/sc3_thumb.jpg" alt="screenshot"/></a>
<a rel="lightbox" href="http://behnen.no-ip.org:8080/other/07Ghost/sc4.png"><img src="http://behnen.no-ip.org:8080/other/07Ghost/sc4_thumb.jpg" alt="screenshot"/></a>
<a rel="lightbox" href="http://behnen.no-ip.org:8080/other/07Ghost/sc5.jpg"><img src="http://behnen.no-ip.org:8080/other/07Ghost/sc5_thumb.jpg" alt="screenshot"/></a>
<div class="clear"></div>
<p>Screenshots hosted by: <a href="http://bakabt.me/user/949280/bane-o.html">ваηε-σ </a></p>
</div>
<script type="text/Javascript">
$(document).ready(function() {
$(function() {
$('#screenshots a[rel=lightbox]').lightBox({
overlayOpacity: 0.6,
imageLoading: '/images/lightbox-ico-loading.gif',
imageBtnClose: '/images/lightbox-btn-close.gif',
imageBtnPrev: '/images/lightbox-btn-prev.gif',
imageBtnNext: '/images/lightbox-btn-next.gif',
imageBlank: '/images/pixel.gif',
containerResizeSpee d: 350,
txtImage: 'Screenshot',
txtOf: 'of',
fixedNavigation: false
});
});
//$("#screenshots").corner("10px;");
});
</script>
</th>
</tr>
</table>
</body>
</html>
blubart:
why don't you use the bakabt build-in lightbox?
just slap this at the end of the code below everything else:
--- Code: ---
[screenshot]
[url=http://behnen.no-ip.org:8080/other/07Ghost/sc1.jpg][img]http://behnen.no-ip.org:8080/other/07Ghost/sc1_thumb.jpg[/img][/url]
[url=http://behnen.no-ip.org:8080/other/07Ghost/sc2.jpg][img]http://behnen.no-ip.org:8080/other/07Ghost/sc2_thumb.jpg[/img][/url]
[url=http://behnen.no-ip.org:8080/other/07Ghost/sc3.jpg][img]http://behnen.no-ip.org:8080/other/07Ghost/sc3_thumb.jpg[/img][/url]
[url=http://behnen.no-ip.org:8080/other/07Ghost/sc4.jpg][img]http://behnen.no-ip.org:8080/other/07Ghost/sc4_thumb.jpg[/img][/url]
[url=http://behnen.no-ip.org:8080/other/07Ghost/sc5.jpg][img]http://behnen.no-ip.org:8080/other/07Ghost/sc5_thumb.jpg[/img][/url]
[/screenshot]
--- End code ---
bane-o:
well, that would have been the easy route...
thx for the help.
---
sorry for the double-post, but how do I get rid of the "Hosted by: No-IP" at the bottom?
Iwould like it to say what it used to say before: "<p>Screenshots hosted by: <a href="http://bakabt.me/user/949280/bane-o.html">ваηε-σ </a></p>"
you can always edit your post...
blubart:
you can't - the address is fetched automatically.
Navigation
[0] Message Index
Go to full version