I know that the Conveyor belt slideshow script (http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm) runs perfectly.
What I want just find another script works like that.
Can everyone suggest me another tool to run images from right to left in smoothly (not using Marquee - because at the first time, images do not show up, the box is empty - look not good)
Please advice.
Thanks
Take a look at this
http://sorgalla.com/projects/jcarousel/examples/static_auto.html
I think it will solve your problem
Related
I found this beautiful website (http://soworldwide.org/) and want to create a similar slideshow. After I've spend a lot of time to make it work, I still can't figure it out.
Right now it's looking like this:
http://bit.ly/1bktxcx
Wait undtil the last picture and then you can see how the slideshow refreshes. Can someone help me, so I get the same animation like theirs?
I'm using the same Jquery Plugin by the way.
Thank you in advance.
You're setting the top of the list-begin image to zero at the same time that you're starting the animation for the list-end image. Because the zIndex of the list-begin image is 3, you're causing the list-begin image to hide the animation of the list-end image. I recommend dynamically updating the zIndex for each image when you do the animation. For slides that are hidden (by setting the top to a negative value, as you're doing), you can ignore the zIndex. But before you set the top to zero for your next image, set the zIndex for curr to 1 and the zIndex for next to 0.
Edit: I figured this out using the Chrome JS debugger and liberal use of console.log(). Maybe you did all the right things and still couldn't find the problem, and just needed a second set of eyes. But if you didn't do all the right things, remember: the debugger is a powerful tool.
I want to make a panoramic image scrollable, and to loop back and 'stitch' its front to its back after the user has reached the end of the image.
The effect I'm trying to recreate is congruent to the one found in Trying to create an infinite horizontal scroll - preferably using a jquery plugin.
The only problem is that I need it to be in Javascript, because I'm doing it on the Android.
Any suggestions?
Ok, here's what worked for me. Append the same image behind the first one, that way when you get to the end of the first one, it will look like a panorama. Then, you could check scrollLeft() and adjust the position based on which way the user is scrolling.
I stepped a little too far over my head in a job I took this week.
I need to develop a scrolling, changing background like the one on Chevy's home page: http://www.chevrolet.com/
Something like this might suffice though: wearethescenery.bigcartel.com/
Any help would be appreciated.
There are plently of plugins available for jQuery to do just that:
25 jQuery Image Gallery/Slider Tutorials and Plugins
57+ Free Image Gallery, Slideshow And Lightbox Solutions/
You could animate the background-position.
You need a large background image for that, which might slow down the page load.
If you are not against using a javascript library, this jquery tutorial might help you solve your problem.
I'm using the jQuery plugin Image Cube (http://keith-wood.name/imageCube.html) for the first time. I love the plugin, but within the context of my landing page I can't for the life of me get it to work.
Here's a test on my server that works well:
http://209.236.69.153/~dentalaw/test.php
And here is my landing page, which does not work (the first dentist image is what is supposed to rotate):
http://209.236.69.153/~dentalaw/
Any suggestions? I've tried adjusting things like position, tried removing the overflow:auto. I mean, I've really tried everything I can think of, and I can't get it to work. Now, I turn to your greater knowledge! ;)
I figured it out. This plugin doesn't like classes, so if I just switch everything to inline styling it works like a charm!
I built a jquery slideshow based on the tutorial found here:
http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption
It seems to be working perfectly fine, except that it behaves strangley right at the beginning when it displays the first image. The first image appears like normal and then flashes, fades to white and disappears completely. After that, the first slide reappears and behaves normally, transitioning to the next image.
The slideshow in question is center page on the right:
http://www.loftist.com/
I am not a JS developer, so I am not sure how to troubleshoot this problem. Any help would be greatly appreciated, thanks!
I got it. For future reference, if anyone comes up against this problem with this particular script, the first image needs, to have the class "show" applied to it and all subsequent images need to have some different class.