Realslider – Slides with link

[Angie]

Hi!
I’m quite a fan of the plugin – but I need a little tweak to the Realslider module so that it works in the way I want it to… Actually I even bought the Desire Slider, but realized, that it does not have the “fade” transition built in (and some other options are not matching my needs, as with “Realslider”.)

I want to add the images link directly to the slide, which I think can be accomplished in the javascript-file. Obviously I’m not a programmer… my method’s just trial and error! ;)

I don’t need the mouse/touch navigation function, I actually don’t even need the caption – only the link it provides, but by clicking on the image itself.

At the moment I’m using quite an unelegant workaround via css – but I would be glad if you could help me with some code snippet – if it’s so easy – that I can add myself!

Thanks a lot, looking forward to any suggestions!

[Angela]

:(
no one?

[Rattus]

I can only suggest you this code:

.gmSlideText {
    position: static !important;
    width: auto !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.gmSlideText .gmTitle a {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -999em;
}

Paste it to Custom CSS field on advanced settings of the module.
Also uncheck “Use global caption element for slider” checkbox.

Be sure you have title for each image (it will not be displayed, but required for link).

[Angela]

Hey Rattus, thx a lot for your help!
I tried a similar workaround but much more complicated and unhandy.

[Author]

Posts