Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 General Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 03-28-2014, 09:10 PM
Reece^B Reece^B is offline
 
Join Date: Jan 2006
Location: Essex
Posts: 406
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default 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.
Reply With Quote
  #2  
Old 03-28-2014, 09:26 PM
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Location: USA
Posts: 10,929
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

The code you used would help, kinda hard to guess.
Reply With Quote
  #3  
Old 03-28-2014, 10:00 PM
Reece^B Reece^B is offline
 
Join Date: Jan 2006
Location: Essex
Posts: 406
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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>
Reply With Quote
  #4  
Old 03-28-2014, 10:06 PM
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Location: USA
Posts: 10,929
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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/
Reply With Quote
  #5  
Old 03-29-2014, 04:47 PM
Reece^B Reece^B is offline
 
Join Date: Jan 2006
Location: Essex
Posts: 406
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #6  
Old 03-29-2014, 07:29 PM
blind-eddie's Avatar
blind-eddie blind-eddie is offline
 
Join Date: Apr 2006
Location: Michigan
Posts: 2,310
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Attached Files
File Type: zip testaff.zip (1.2 KB, 5 views)
File Type: zip testaff2.zip (995 Bytes, 2 views)
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:22 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04436 seconds
  • Memory Usage 2,227KB
  • Queries Executed 14 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (6)post_thanks_box
  • (6)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (6)post_thanks_postbit_info
  • (6)postbit
  • (2)postbit_attachment
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • postbit_attachment
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete