[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

jQuery Slider Help

Posted on 2011-10-04
3
Medium Priority
?
311 Views
Last Modified: 2012-05-12
Hello,

I am using slider from this site : http://slidesjs.com. Its working OK however I am to make the
 "view collection" link to be relevant to the current slide?

However I am having no luck in this. Please can someone help?
Thanks
 

http://www.groomup.com/www/giftnew/gellary.html

Open in new window

0
Comment
Question by:daira
  • 2
3 Comments
 
LVL 12

Accepted Solution

by:
Chris earned 2000 total points
ID: 36913647
This should do the job for you. You will need to ensure that the 'view collection' link has an id of view-collection.

You also need to add to each slide div a "title" attribute with the url to the specific item. You can either add the absolute url however a relative url will work fine.
$(function(){
	$('#view-collection').click(function(){
		$('.slide').each(function() {
			if($(this).css('display') == 'block') {
				window.location = $(this).attr('title');
			}
		});
	});
});

Open in new window

0
 

Author Comment

by:daira
ID: 36915803
thanks I will check and let you know
0
 

Author Closing Comment

by:daira
ID: 36917543
thanks
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying 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

The most up-to-date version of this article is on my Blog https://iconoun.com/blog/
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

872 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