Screen:
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><br /><b>".CutName(htmlentities($fiverow['name']),18)." </b><br> ".$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 <head> 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!