vb.org Archive - Image Slider

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - Image Slider (https://vborg.vbsupport.ru/showthread.php?t=310003)

Reece^B

03-28-2014 09:10 PM

Image Slider

Hi,

I've created a image slider using HTML to make a marquee.

Problem is there's a gap on the last image until it resets.
What can I use to create a scrolling bar that keeps scrolling with no gaps?

No text, literally image banners.

Thanks in advance.

ozzy47

03-28-2014 09:26 PM

The code you used would help, kinda hard to guess.

Reece^B

03-28-2014 10:00 PM

Code:

<td align="center">

<!-- Marquee by BRUCE -->

<style type="text/css">

.marquee_code

{height:420px;

width:199px;

background-color:FAFAFA;

font-family:Helvetica;

font-size:18pt;

color:FF9061;

border-width:2px;

border-style:none;

border-color:DEB8DD;

}

</style>



<marquee class="marquee_code" direction="up" behavior="scroll" scrollamount="4" >

<a href="http://www.ghostbikes.com" target="_blank"><img src="http://www.pitbikeclub.co.uk/images/ads/ghost.gif" alt="Ghost Bikes" border="0" /></a>

<br>

<a href="http://www.luckymx.co.uk" target="_blank"><img src="http://www.pitbikeclub.co.uk/images/ads/luckymx.gif" alt="Lucky MX" border="0" /></a>

<br>

<a href="http://www.cwbikes.co.uk/" target="_blank"><img src="http://www.pitbikeclub.co.uk/images/ads/cw.gif" alt="CW Bikes" border="0" /></a>

<br>

<a href="http://www.motosyko.com/" target="_blank"><img src="http://www.pitbikeclub.co.uk/images/ads/motosoko.gif" alt="Motosyko" border="0" /></a>

</marquee>

<!-- Marquee by BRUCE -->

</td>

ozzy47

03-28-2014 10:06 PM

You cannot scroll images continuously using HTML marquee tag - it must have javascript added for continuous scrolling functionality.

Here is a jQuery plugin with a lot of features:
http://jscroller2.markusbordihn.de/e...roller-windiv/
And this one is "silky smooth"
http://remysharp.com/2008/09/10/the-...mooth-marquee/

Reece^B

03-29-2014 04:47 PM

That second one looks ideal, how can you add it into a vBadvanced module?

So far I downloaded his script and saved the JS into root, then added $('marquee').marquee(optionalClass); into the template.

Doesn't work though, so where have I gone wrong?

Thank you

blind-eddie

03-29-2014 07:29 PM

1 Attachment(s)

Here you go...(For vb3.8 with vbacmps) This has been on my test site for years.
Edit it to your liking..
Import Module via VBACMPS

testaff is left/right
testaff2 is up or down

Demo:
Bottom of page.
http://blind-eddie.com

All times are GMT. The time now is 06:08 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01118 seconds Memory Usage 1,716KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (6)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: