Coverflow with Javascript or Jquery - javascript

It been a long time that im searching on how can i create my own Coverflow effect with Javascript or Jquery.
So if any one have an idea or can give a something releated with that, it will be great.
Thnx

Try ContentFlow.

Related

Jquery animating banners

I'm trying to accomplish creating an animated banner for my site. I created the images individually and was hoping that by using jQuery, I will be able to make the images flow into each portion of the table. Below is what I'm trying to accomplish. Too hard to describe so might as well draw it out.
Any help here will be greatly appreciated.
Oh, would be better if the table gets input via jQuery as well.
Following is my code:
HTML
<div id="seller_banner">
</div>
JAVASCRIPT
<script>
$(document).ready(function(){
$("div#seller_banner").html("<img src='/images/ajax-loader.gif'>");
$("div#seller_banner").delay(800).html("<table><tr><td class='moving banner'></td><td></td></tr><tr><td colspan='2'></td></tr></table>");
$("div#seller_banner").find("table").fadeIn();
$("#seller_banner").find("table td.moving").delay(2000).html("<img src='/seller/images/for_banners/lady_model_1.png'>");
$("#seller_banner").find("table td.moving img").fadeIn();
});
</script>
The GreenSock Animation Package is a pretty good alternative to JQuery for animation and if you've ever used it with Flash you'll be familiar with the syntax: http://www.greensock.com/

How Scale text to parent div plugin problems

I've been trying to make this script work for an hour with zero luck.
Heres the proper jsfiddle: http://jsfiddle.net/zachleat/WzN6d/
Here's my website where the broke code is:
http://designobvio.us/dov2/index.html
I'm totally novice with javascript/jQuery. Please forgive me if this is a retarded semantics problem.
thank you
Looks like you are missing the document.ready try adding the following.
$(function(){
$('#bigtext').bigtext();
});
jsfiddle does this for you automatically, thats why you don't need it there.

Starting and stopping a sound with Javascript

I need to start a sound effect at will... I need it to be stopped as well before it is over. I'm doing this all in JavaScript. How would I go about this? I've never used sounds before in a page (normally not a good thing to use sounds, this project requires me to).
Any help would be appreciated :)
If it means anything, I'm also utilizing jQuery.
If you're using jquery, have you tried the sound plug-in?
You may want to look into SoundsManager2

jQuery Moving Slider

Hey guys im looking for a jQuery powered image slider that does same exact function as this one, but not in flash:
http://www.medievaltimes.com/
Any suggestions will be greatly appreciated.
Not to be mean but... google it:
http://plugins.jquery.com/search/node/slideshow%20type%3Aproject_project
http://webanthology.net/1522-jquery-image-slideshowslider-tutorials-and-plugins-for-your-next-projects/2009/11/24/
pretty sure there is an auto-slideshow in there.
check also this: http://jquery.malsup.com/cycle/

Javascript forward backward buttons

I'm using the s3Slider javascript slideshow on the homepage of a site I am developing:
http://alexisparkinn.com/
I really like this slideshow but it has no way to enable the user to go to the next or previous image.
How can I add these buttons? Does anybody know the necessary javascript code I need to use or what changes should be made.
Suggestions? Any help would be greatly appreciated.
Thanks!
I know you didn't ask for suggestions, but let me just throw this out there as a solution:
http://jquery.malsup.com/cycle/
After messing around with a ton of sliders, I've ended up going back to this one time after time. (and there is a 4KB version if all you want is the fade effect)
It has pretty decent documentation and is overall pretty easy and straightforward to use.
Anyway, just wanted to throw that out there. Best of luck to you!
Just to hack something in, I'd modify your s3slider copy to include something like this (insert at line 38)
$(element).bind("s3slidernext", function() {
current = items[currNo+1];
fadeElement(false);
});
Then you can probably just call
$('#s3slider').trigger("s3slidernext");
To move the slider forward. Bind that to a button and you're all set.
there are many jquery libraries that can help you out there like http://sorgalla.com/projects/jcarousel/

Categories