Gallery with Deep Linking

nat's Avatar

nat

03 Oct, 2012 12:57 PM

Hi,

Thanks for the quick reply in the Comments section.
I've adapted the "Deep linking" code to almost work with the "Full-Width" version by incasing the img tags in an <a name=""> to act like a jump-link. However the jump-links only seam to work with the first 4 slides / img tags directly after the one being used as a Jump-link (sorry if this doesn't make alot of sense.. its hard to explain)

Here's a link of what i'm working on: http://www.ecdesignltd.co.uk/developer/actisense/

On the 2nd slide, you can see the orange circle buttons appear. So page buttons 8 (slide 4), 10 (slide 5) and 12 work (slide 6) all work;
But page button 14 (slide 7) and 16 (slide 8) don't work for some reason all I know is they are outside of the first 4 slides. And for instance if I change page button 14 to jump to page 6 (slide 3), which is the slide directly after the one with all the jump-links it works.

Furthermore if I change one of the buttons which works, say page button 8 (slide 4) to jump to page 20-22, it doesn't work also.
Please find attached my files zipped up.

Any ideas?

Thanks
Nathan

  1. 1 Posted by nat on 03 Oct, 2012 02:22 PM

    nat's Avatar
    • in an < a name="" >
  2. Support Staff 2 Posted by Dmitry Semenov on 03 Oct, 2012 08:10 PM

    Dmitry Semenov's Avatar

    Hi,

    Please read docs about this: http://dimsemenov.com/plugins/royal-slider/documentation/#deeplinking
    And take a look at code of gallery with deeplinking.

    Dmitry

  3. 3 Posted by nat on 04 Oct, 2012 12:24 PM

    nat's Avatar

    Hi Dmitry,

    I started modifying the deeplinking code, but I abandoned it when I realise you can't add links on top of the images as they are just thumbnails in the HTML.

    So using the full-width code again... and trying to modify it to have deeplinks...
    Am I doing this correctly?:

    I modified the js file based on the suggestions in this disscussion: http://help.dimsemenov.com/discussions/suggestions/12-deep-linking-...

    So here is my deeplink js file: http://www.ecdesignltd.co.uk/developer/actisense/royalslider/dev-js...

    When I add :

      deeplinking: {
            // deep linking options go gere
            enabled: true,
            prefix: 'slider-'
        }
    

    The sliding images no longer work: http://www.ecdesignltd.co.uk/developer/actisense/

    Can you tell me what I must do to the img tags to give them IDs? Something about captions tag?

    Thanks for your help

  4. 4 Posted by nat on 04 Oct, 2012 03:51 PM

    nat's Avatar

    Hi Dmitry,

    I've got the "gallery deeplinking" html working now.. sort of... by removing the img thumbnails and replacing them with the actual full size imgs I am able to add the "map tags" to create clickable regions that can jump to the specific slide.

    Can be seen here: http://www.ecdesignltd.co.uk/developer/actisense/test/

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • full-width_with_jump_links.zip 3.12 MB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac