issues in continuous marquee image scroll
Well we have a problem in making the marquee images scrolling continuously . though it works fine, there is a big gap after the last image.. how to avoid this?
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3">
<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/logo-e1364471764317.jpg" alt="Bel-aqua" title="Bel-aqua" width="212px" height="50px"/></a>
<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/logo-copy-e1364471789890.png" alt="Foliage Design Systems" title="Foliage Design Systems" width="134px" height="50px"/></a>
<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/logo-e1364471808306.png" alt="Sinop" title="Sinop" width="119px" height="50px"/></a>
<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/logo.png" alt="Habatatgalleries" title="Habatatgalleries" width="389px" height="50px"/></a>
<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/logo11.png" alt="ChefsMart" title="ChefsMart" width="274px" height="54px"/></a>
<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/logoalt.png" alt="Preval" title="Preval" width="198px" height="54px"/></a>
<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/veloshine.png" alt="Veloshine" title="Veloshine" width="160px" height="62px"/></a>
<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/daka_medical_logo-e1364472875993.jpg" alt="Daka Medical" title="Daka Medical" width="135px" height="50px"/></a>
Although the marquee tag is outdated and not recommended, you would get a smoother image scroll with a JQuery Scroller. I would recommend you remove all the white space in the code and butt every image tag right up next to each other. That is one tag after another with no spaces. This includes starting/ending with the marquee tags.
Easy Slider 1.7 - Numeric Navigation jQuery Slider: http://cssglobe.com/post/5780/easy-s...-jquery-slider
How to Make an Elegant Sliding Image Gallery with jQuery: http://www.elated.com/articles/elega...y-with-jquery/
Even a JavaSript image slideshow would be better.
Marquee Scrolling Images
HTML Tutorial - Scrolling Content (Marquee Tag)
Last edited by Major Payne; 04-10-2013 at 11:07 AM.
Thank you very much for ur reply Major Payne.. Yea whatever you have suggested was true and I tried it even, the issue is that i wanna insert the code into a Wordpress theme and I have to make it responsive too.. JS isn't supporting in wordpress.
vSlider Multi Image Slider for WordPress
WordPress Image horizontal reel scroll slideshow
WordPress Plugin Directory
There seem to be some great image scrollers on links above. This one seems the best:
Is it possible to implement a image scroller I created in Wordpress in a template?
More info at codex.com.
Sorry for being a pain Mr.major Payne. What Im asking for is something like this
http://www.huntingground.freeserve.c...mgscroll3h.htm..but if u minimize the browser size it wont be responsive... We in need of a clear responsive image site.
Thanks in Advance.
Thank you Mr. Payne. Your reply was so helpful.
You're welcome. I hope one of those work for you. Good luck.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)