Results 1 to 7 of 7

Thread: 3D Rotating Carousel

  1. #1
    Join Date
    Dec 2008
    Location
    Selby, North Yorkshire
    Posts
    90
    Thanks
    28
    Thanked 2 Times in 2 Posts

    Default 3D Rotating Carousel

    I would like to add a hyperlink to the images in this carousel so they act like thumbnails;

    http://www.jqueryscript.net/demo/3D-...ular-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.
    Last edited by BorderTerroir; 05-29-2015 at 07:59 AM. Reason: Resolved post.

  2. #2
    Join Date
    May 2014
    Posts
    203
    Thanks
    28
    Thanked 5 Times in 5 Posts

    Default

    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?

  3. #3
    Join Date
    Dec 2008
    Location
    Selby, North Yorkshire
    Posts
    90
    Thanks
    28
    Thanked 2 Times in 2 Posts

    Default

    That's right I would like them to be clickable links.

  4. #4
    Join Date
    May 2014
    Posts
    203
    Thanks
    28
    Thanked 5 Times in 5 Posts

    Default

    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/h...nd-roundabout/

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

  5. #5
    Join Date
    May 2014
    Posts
    203
    Thanks
    28
    Thanked 5 Times in 5 Posts

    Default

    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

    Code:
    <script>function imageClick(url) {
        window.location = url;
    }</script>
    then add this to each image tag you want linked
    Code:
    onclick="imageClick('http://etc... ')"
    so it would be something like

    Code:
    <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)
    Last edited by jundo12; 05-29-2015 at 05:53 AM.

  6. The Following User Says Thank You to jundo12 For This Useful Post:

    BorderTerroir (05-29-2015)

  7. #6
    Join Date
    Dec 2008
    Location
    Selby, North Yorkshire
    Posts
    90
    Thanks
    28
    Thanked 2 Times in 2 Posts

    Default

    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.

  8. #7
    Join Date
    May 2014
    Posts
    203
    Thanks
    28
    Thanked 5 Times in 5 Posts

    Default

    oh interesting. would be cool to get a vertical carousel.

Similar Threads

  1. Step Carousel - Starting the carousel with a Panel id
    By kylu in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-18-2012, 11:09 PM
  2. Step Carousel not rotating images
    By stephenconnolly in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 09-01-2011, 12:07 PM
  3. Step Carousel...isnt much of a carousel
    By ttados in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 01-28-2010, 10:45 PM
  4. loading Step Carousel Viewer in middle of carousel
    By sam4682 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 12-31-2008, 11:07 PM
  5. Multiple carousel viewers on page or load carousel viewer pages via ajax?
    By slowCode in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 08-15-2008, 12:36 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •