Solved

i need to display the different versions of a product that  i am selling using imagerollover script..

Posted on 2009-05-07
6
161 Views
Last Modified: 2012-05-06
hi...
i need to display the different versions of a prduct that i am selling using image rollover sript...
pls go through the link (  http://turbotax.intuit.com/?cid=int_int_bus_idcpromo_eb   )   .... this is what exactly i want.. i dont have any idea on this script ... any ideas frm the experts?

Thanks in advance ...
layout.png
0
Comment
Question by:Rajeshk_cgm
  • 3
  • 2
6 Comments
 
LVL 6

Expert Comment

by:jaydee-cdgp
ID: 24333035
Dynamic Drive has a collection of mouse over / Image Effects scripts with Demo.  Have a look at: http://www.dynamicdrive.com/dynamicindex4/index.html

make sure to check links under SUB CATEGORIES
0
 
LVL 2

Author Comment

by:Rajeshk_cgm
ID: 24333116
hi ..
thank u for ur reply.. i have gone through on all  the  collections  under all  subcategories...

but it doesn't suite my requirement...pls let me know if u have any more  reference sites....

waitning for  ur reply ...
0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 24333797
they use jQuery

/*-------------------------- Flippy ----------------------------*/
 
jQuery.fn.setFlippy = function(body_height) {
	var container = jQuery(this);
	container.find("li").addClass("flip");
	container.find("li").not(".active").children(".body").css("height", "0px").css("overflow","hidden").hide();
	container.find("li.active").children(".body").css("height",body_height);
	container.find(".title").hoverIntent({
   sensitivity: 25, 
   interval: 100, 
   over: function() {
		var target = $(this).parent();
		var target_parent = target.parent();
		if (!target.hasClass("active")) {
			if (target_parent.find(".active_old").html() != null) {
				target_parent.find(".active").children(".body").stop();
				target_parent.find(".active_old").children(".body").height(0).hide();
				target_parent.find(".active").children(".body").height(body_height);
				target_parent.find(".active_old").removeClass("active_old");				
			}
			target_parent.find(".active").addClass("active_old").removeClass("active");
			target.addClass("active");	
			target.children(".body").animate({height:body_height}, {
				step: function(now, fx) {
					target_parent.find(".active_old").children(".body").height(body_height - (now));
				},
				duration: 300,
				complete: function() {
					target_parent.find(".active_old").children(".body").hide();
					target_parent.find(".active_old").removeClass("active_old");
				}
			});
		}		
	 }, 
   timeout: 100, 
   out: function() {} 
	});	
}
 
 
/*-------------------------- Slidey ----------------------------*/
 
jQuery.fn.slideTo = function(target_id, settings) {
	settings = jQuery.extend({
     easeTime: 400
  }, settings);
	var container = jQuery(this);
	$.each( container.find(".section"), function(i, n){
		$(n).attr("rel",i);
	});
	var width = container.width();
	var z = $(target_id).attr("rel");
	var cnt = - (width*z);
	if (isNaN(cnt)) cnt = 0;
 
	container.find(".itab_content").animate({left:cnt}, {
		duration: 600,
		easing: "easeInOutQuint",
		complete: function() {
			var left = $(this).css("left");
			var distance = left.split("px");
			if (distance[0] > -500) $(this).css("left",0);
		}
	});		
}

Open in new window

0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 2

Author Comment

by:Rajeshk_cgm
ID: 24334067
hi...
Thank u
 u have any sample project for this.... ?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 24334143
You posted a great example :)
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 24418795
Sorry, a "C" is not acceptable - especially not without commenting why.
Also this is not Rent-a-coder-for-free
I gave you the part of the script that does what you need.
if you need to get someone to implement this, I am afraid I do not have the time.

Please request this question deleted instead of giving a "C" for not producing all the code you need
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article will show, step by step, how to integrate R code into a R Sweave document
It’s a strangely common occurrence that when you send someone their login details for a system, they can’t get in. This article will help you understand why it happens, and what you can do about it.
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
The viewer will learn how to dynamically set the form action using jQuery.

816 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now