Scolling / Fading image block.

[mholtum]

This is this (http://www.vbadvanced.com/forum/showthread.php?p=51682#post51682) module, fixed to work in 2.x
What this does:This module displays your button images that will be faded and scroll from the bottom to the top of the module. On mouseover they will unfade and stop.
1: Add New Module - Template
2: Module Name - Your Choice
3: Choose Column to display module
4: Display Order - Your Choice
5: Active - Yes
6: Update All Pages - Yes
7:Template to include - Name as desired
8: Style - Your Choice
9: Template Content:

<!-- 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] Sponsors</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.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 -->

10: Use Module Shell Template - No
11: Save
12: Upload fading.js to your server root dir. If you upload to your forums dir change the path in the code above.

[VVIper]

This is really great Add on. :)

Is there anyway to add some text next to the image so when it scrolls it is displayed next to it?

Also i have a show hide button above the Module but it doesnt work. Anyideas why.
And the module also only works at the bottom right, if i move it elsewhere it misbehaves. Naughty Module Sit on the naughty chair.

Thanks in advance VV

[mholtum]

The Module will work anywhere if you have done it the way I listed above.

[VVIper]

If i tick the module shell template it goes bannanas,
Thanks for that

How about getting a little text to the right of the displayed image?
How would i modify it to do that?

[mholtum]

Just edit the template. It is basic HTML. Add anything you like.

[Wamphyri]

Added this great mod and well the calanader and stats are now streched right across the screen, what causes this?

[VVIper]

I dont know if you done the same thing as me but in the VBCPMS options under the module options do not tick Module Shell Template.
Hope it might help

[mholtum]

Added this great mod and well the calanader and stats are now streched right across the screen, what causes this?
See step # 10

[Judge Ruckus]

mho do you have the answer to scroll the latest topics.

Brian suggested a <if> condition, however, I have not been able to find what I need for that.

I have tried to take the script part of your code here and try to add it to lastpost bits mod template but nothing happens.

[mholtum]

You want to scroll your latest topics module? There was a template here somewhere for 1.x. I used it for awhile but IMO it made the portal look "too Busy"

[Judge Ruckus]

You want to scroll your latest topics module? There was a template here somewhere for 1.x. I used it for awhile but IMO it made the portal look "too Busy"
I am using the scrolling on another site I run that is still using 1.x but it has a mod in a temp that 2.x does now have.

http://www.vbadvanced.com/forum/showthread.php?t=9419&highlight=scroll

Thats the thread that Brian made a suggestion but I dont know what code to put in there.

[mholtum]

hmm.. Let me see what I can come up with over the next couple days..

[Judge Ruckus]

hmm.. Let me see what I can come up with over the next couple days..
Cool thanks man.

It does give a busy look but I need that, otherwise my sh*t looks boring :p

Thanks again, hope you work it out.

[ciocsy]

great work! this is very useful :P

[Suppa]

fading.js incorrectly works in FireFox and other browsers, except for Internet Explorer

Someone has the corrected version?

[Karen]

I would not mind a fix for this.

Works ok in IE.
Scrolls in opera
Wont scroll in firefox.

If anyone could help please. :D

[mholtum]

it scrolls on my site in FF. Check your code.

[Karen]

I deleted the module and re-installed it and no joy.

http://playstation-elite.co.uk. :(

This is what i have got:


<!-- Scrolling/Fading Links -->

<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="185">
<tr>
<td class="tcat"><span class="smallfont"><strong>$vba_options[portal_blockbullet] Affiliates</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.playstation-racing.co.uk" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=80); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.playstation-elite.co.uk/forum/images/playstation/misc/button1.gif" alt=""></a><BR><BR>
<a href="http://www.anonimoworld.co.uk" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=80); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://playstation-elite.co.uk/forum/images/playstation/misc/small.jpg" alt=""></a><BR><BR>

<!-- End Links -->
</center>
</Marquee>
</td>
</tr>
</table>
<br />

<!-- End Scrolling/Fading Links -->

[mholtum]

Odd. mine is fairly close and it works just fine.

If I were you, since you are not using the fade feature, you can remove this bit of code:

<SCRIPT src="fading.js"></SCRIPT>


Either you didnt upload the fading.js to the correct location, or you might have to replace it with:

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

[rammbs]

installed. thanks!!!

[Avalon111]

Either you didnt upload the fading.js to the correct location, or you might have to replace it with:

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

my Portal webpage wasnt loading when the modul was active.
after adding the http://yourdomain.com/fading.js its working now!

great work!!!

[azjaguar]

Installed...thank you! :)

[ricotero]

this mod function with 3.5 adv ??

[ashokforums]

*Bump*

Does this work on 3.5?

[mholtum]

Yes