PDA

View Full Version : Resolved 3D Rotating Carousel



BorderTerroir
05-26-2015, 02:28 PM
I would like to add a hyperlink to the images in this carousel so they act like thumbnails;

http://www.jqueryscript.net/demo/3D-Rotating-Carousel-Plugin-with-jQuery-CSS3-Circular-Carousel/

However the jQuery has a bug and having no knowledge of jQuery I do not know how to proceed.

The bug occurs if you click in the carousel div and it is,

var index = start;
while(index !== end){
right++;
index = (index === array.length-1) ? 0 : index + 1;
}

Please advise.

jundo12
05-29-2015, 05:26 AM
you mean you want the images in the carousel to be clickable links to pop up or load a window with a larger version of the image , correct?

BorderTerroir
05-29-2015, 05:33 AM
That's right I would like them to be clickable links.

jundo12
05-29-2015, 05:33 AM
this works on similar principle as that one, plus it has a few more bells and whistles
http://www.joezimjs.com/demos/roundabout-demo/

and here's the description of how it works
http://www.joezimjs.com/javascript/how-to-build-a-custom-carousel-with-jquery-and-roundabout/

and yes, that one you linked is buggy. it crashed my firefox after a few clicks.

jundo12
05-29-2015, 05:39 AM
p.s. see my post above this one.

to make the images clickable links in the http://www.joezimjs.com/demos/roundabout-demo/
put some javascript in the head


<script>function imageClick(url) {
window.location = url;
}</script>

then add this to each image tag you want linked

onclick="imageClick('http://etc... ')"

so it would be something like


<img src="slide1.png" alt="" class="slide" tabindex=1 onclick="imageClick('http://etc... ')">

oh and if you plan on using it commercially, better check the usage terms of the jquery script it's based on (roundabout i believe is the name of it)

BorderTerroir
05-29-2015, 07:58 AM
That's ideal many thanks.

The website I administer belongs to a charity so I should be OK with usage.

We are planning to restore the original Victorian waterwheel so I wanted a revolving theme even though it's on a different axis.

jundo12
05-29-2015, 09:45 AM
oh interesting. would be cool to get a vertical carousel. :D