Solved

jcarousel scrolling

Posted on 2011-09-22
2
281 Views
Last Modified: 2012-05-12
hi

jcarousel allows you to scroll between each item with a next and previous button/link

as i am scrolling 1 item at a time i would like each item/image to be clickable so that once clicked it scrolls onto the next image.

Does anyone know how to achieve this?

Cheers
0
Comment
Question by:coolispaul
2 Comments
 
LVL 3

Expert Comment

by:mykde
ID: 36582933
I believe that this can be accomplished by simply adding the class "jcarousel-next" to the <li> element that contains the image.
jcarousel-next

Open in new window

0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 36584059
Try this (put it at the end, inside $(document).ready(function() { :


$("img",".jcarousel-list").click(function() { $(".jcarousel-next").trigger("click"); });

Open in new window

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

Suggested Solutions

Title # Comments Views Activity
VBScript on Html 15 47
jQuery on Submit 4 41
Override MS CSS in SharePoint Online Modal Form 19 43
asp.net open new page without popup blocker 8 18
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

860 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