Solved

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

Posted on 2009-05-07
6
166 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

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
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to selectively show certain fields based on user input using rules to gather relevant information and data from your forms. The rules feature provides you with an opportunity…
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…

730 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