nicukent |
14th April 2011 01:35 |
Last X torrents with poster, marquee and expando.
Screen:
http://img262.imageshack.us/img262/5776/screenimn.png
Add this to index where you like:
PHP Code:
<? //Start of Last Torrents with poster and marquee mod
begin_frame("Last Torrents"); $rezfive = mysql_query("SELECT id, seeders, leechers, name, poster FROM torrents WHERE visible = 'yes' ORDER BY added DESC LIMIT 7") or sqlerr(__FILE__, __LINE__); print '<marquee scrollAmount=3 onMouseover=this.scrollAmount=0 onMouseout=this.scrollAmount=3 scrolldelay=0 direction=left><table width=100% border=0 cellspacing=0 cellpadding=10><tr>'; if (mysql_num_rows($rezfive) > 0) { while ($fiverow = mysql_fetch_assoc($rezfive)) { $poster = (!empty($fiverow["poster"]) ? (str_replace(" ", "%20", htmlentities($fiverow['poster']))) : 'pic/poster.jpg'); $name = $fiverow['name']; $name = str_replace('_', ' ' , $name); $name = str_replace('.', ' ' , $name); $name = substr($name, 0, 70); print ("<td><a href=\"".$BASEURL."/details.php?id=".$fiverow['id']."\" title=\"".$name."\" /><img class=\"expando\" src=\"".$poster."\" width=\"100\" height=\"130\" title=\"".$name."\" border=0 /></a><b>".CutName(htmlentities($fiverow['name']),18)." </b> ".$fiverow['seeders']." <font color=green><b>S</b></font> and ".$fiverow['leechers']." <font color=red><b>L</b></font></td>"); } } echo "</tr></table></marquee>"; end_frame(); //End of Last Torrents with poster and marquee mod ?>
Add this to your css style:
PHP Code:
img.expando{ /*sample CSS for expando images. Not required but recommended*/ border: none; vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/ }
Use this .js file:
PHP Code:
expando.js
/* Expando Image Script ©2008 John Davenport Scheuer as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1 - This Notice Must Remain for Legal Use */
if (document.images){ (function(){ var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = a? 40 : 20; var expConIm = function(im){ im = im || window.event; if (!expConIm.r.test (im.className)) im = im.target || im.srcElement || null; if (!im || !expConIm.r.test (im.className)) return; var e = expConIm, widthHeight = function(dim){ return dim[0] * cos + dim[1] + 'px'; }, resize = function(){ cos = (1 - Math.cos((e.ims[i].jump / times) * Math.PI)) / 2; im.style.width = widthHeight (e.ims[i].w); im.style.height = widthHeight (e.ims[i].h); if (e.ims[i].d && times > e.ims[i].jump){ ++e.ims[i].jump; e.ims[i].timer = setTimeout(resize, speed); } else if (!e.ims[i].d && e.ims[i].jump > 0){ --e.ims[i].jump; e.ims[i].timer = setTimeout(resize, speed); } }, d = document.images, i = d.length - 1; for (i; i > -1; --i) if(d[i] == im) break; i = i + im.src; if (!e.ims[i]){ im.title = ''; e.ims[i] = {im : new Image(), jump : 0}; e.ims[i].im.onload = function(){ e.ims[i].w = [e.ims[i].im.width - im.width, im.width]; e.ims[i].h = [e.ims[i].im.height - im.height, im.height]; e (im); }; e.ims[i].im.src = im.src; return; } if (e.ims[i].timer) clearTimeout(e.ims[i].timer); e.ims[i].d = !e.ims[i].d; resize (); };
expConIm.ims = {};
expConIm.r = new RegExp('\\bexpando\\b');
if (document.addEventListener){ document.addEventListener('mouseover', expConIm, false); document.addEventListener('mouseout', expConIm, false); } else if (document.attachEvent){ document.attachEvent('onmouseover', expConIm); document.attachEvent('onmouseout', expConIm); } })(); }
Don't forget to add:
PHP Code:
<script type="text/JavaScript" src="js/expando.js"></script>
To the tags in stdhead.php
dont't forget to change: DESC LIMIT 7, to the number of images you want to show.
You need a poster mod for this.
Please Do Not "PM" Me For Personal Support!
:drink:
|