Solved

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

Posted on 2009-05-07
6
159 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
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Reason for High TTFB 1 50
How to include jquery as a global using webpack 1 102
exchange, scripts 3 60
how to add permissions to HKEY_users. It says the path doesn't exist 10 48
Foreword (May 2015) This web page has appeared at Google.  It's definitely worth considering! https://www.google.com/about/careers/students/guide-to-technical-development.html How to Know You are Making a Difference at EE In August, 2013, one …
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
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…
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…

914 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

22 Experts available now in Live!

Get 1:1 Help Now