Scrolling/fading image block

[mholtum]

If you are talking abou that little line, I have no idea. I noticed one of your members has some pics of Iraq. You should have him check out my gallery.. I have a ton of pics from my sons deployment! I like that stats - top 5 module! Nicely done. Where did you get it?

[macgyver24]

vbhacks.us .... this is where 90% of my hacks or mods come from.

Here is the post: http://www.vbhackers.com/forum/thread504.html

[LEAD_WEIGHT]

Link stealer & a spammer

[macgyver24]

What are you talking about seriously!!!!

[mholtum]

Originally Posted by macgyver24

What are you talking about seriously!!!!

I was wondering the same thing.

[LEAD_WEIGHT]

Originally Posted by macgyver24

vbhacks.us .... this is where 90% of my hacks or mods http://www.vbhackers.com/forum/thread504.html

This site is so under used I feel like going back in time. So many of the post have not been touch since 2003 and that is most of the hacks.
Goto www.vbulletin.org at least u would not be in a morgue.

[AndyA]

Works great for me, I suppose this could also be used to display photo's you'd need to create thumbnails of course.

[mholtum]

Originally Posted by AndyA

Works great for me, I suppose this could also be used to display photo's you'd need to create thumbnails of course.

You can use it to display any images. If you put it in the middle you can use larger images.

[AndyA]

I've also got this displaying image thumbnails but I'd like to make the module window deeper to display more images at once, is this possible ?

See here www.throttlejockey.co.uk

[mholtum]

Originally Posted by AndyA

I've also got this displaying image thumbnails but I'd like to make the module window deeper to display more images at once, is this possible ?

See here www.throttlejockey.co.uk

Why yes it is! Change the red part

<SCRIPT src="fading.js"></SCRIPT>
<MARQUEE behavior= "scroll" align= "center" direction= "up" height="170" scrollamount= "2" scrolldelay= "15" onMouseOver="this.stop()" onMouseOut="this.start()">
<center>

[AndyA]

Excellent, thanks a lot.

[mholtum]

No Problem.

[AndyA]

Hmmm this is strange ! The scrolling images look good with Firefox but it's just been pointed out to me that the images are washed out when viewed with IE, any ideas for a cure ?
Thanks
www.throttlejockey.co.uk

[mholtum]

They are "washed out" on purpose. that is the fading feature. When you point your mouse onto it they stop scrolling and become clear. For some reason this feature doesnt work correctly in firefox.

[AndyA]

Got you, think is they don't become clear at all with IE ?

[mholtum]

Post a link & check it out on my site. http://www.ravensrealm.net, left side.

Mind posting your template?

Did you upload the fading.js file into the root of your server?

[AndyA]

I see it working fine on your site, here's my hashed template.

Title adv_portal_photo

<!-- Scrolling/Fading Links -->
 
<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="175">
<tr>
<td class="tcat"><span class="smallfont"><strong>$vba_options[portal_blockbullet] Photo's</strong></span>
</td>
</tr>
<tr>
<td class="$getbgrow" width="100%">
 
<SCRIPT src="fading.js"></SCRIPT>
<MARQUEE behavior= "scroll" align= "center" direction= "up" height="120" scrollamount= "2" scrolldelay= "15" onMouseOver="this.stop()" onMouseOut="this.start()">
<center>
<!-- Begin Links -->
<a href="http://www.throttlejockey.co.uk/image/i1%20(1).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(1).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(10).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(10).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(11).JPG" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(11).JPG" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(12).JPG" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(12).JPG" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(13).JPG" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(13).JPG" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(14).JPG" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(14).JPG" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(15).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(15).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(16).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(16).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(17).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(17).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(18).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(18).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(2).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(2).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(20).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(20).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(21).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(21).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(22).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(22).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(25).jpg" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(25).jpg" alt=""></a><BR><BR>
<a href="http://www.throttlejockey.co.uk/image/i1%20(26).JPG" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.throttlejockey.co.uk/image/thumb/tn_i1%20(26).JPG" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<a href="http://www.sitename.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.path_to_image.jpg" alt=""></a><BR><BR>
<!-- End Links -->
</center>
</Marquee>
</td>
</tr>
</table>
<br />
 
<!-- End Scrolling/Fading Links -->

Re fading.js I have it in my public_html folder but I've also just copied into what I 'think' is my root, the section above public_html. So fading.js is currently in both locations.

[mholtum]

As long as it is in your public_html folder it should work correctly. You might try the full path here:

<SCRIPT src="http://www.yoursite.com/fading.js"></SCRIPT>

Not sure why it isnt working for you.. Your template seems fine.

[AndyA]

Bingo !

You're a star, it works with the full url.

[mholtum]

w00t! Glad to help