There are a "click on image for next slide" function in the original jQuery cycle, something like this (the first sample)
http://jquery.malsup.com/cycle/int2.html

How can I do that with view slideshow? I have been keep searching solution online for last few days, but no luck, just wonder if any expert could give me a help please, many many thanks!

Comments

mysimone’s picture

Please anyone can help!!!!!!! :(

mysimone’s picture

Hello!!!! can any please help !!!!!!!

andrea.brogi’s picture

Hi,
I have found my way to make this.
Using the Top slideshow widget I have showed the "Controls".
Now on the Top of your image you have "Next"-"Pause-Play"-"Previous" text.
Using the CSS I have hided "Next" and"Pause-Play" link text and I have reformatted "Previous" to cover the image.
Is moved on the left 100px so the text go over black background, it is set #000 and became invisible.

Something like this:
/*Controlli next-previous */
.views-slideshow-controls-text-previous {
position:absolute;
display:none;
}
.views-slideshow-controls-text-pause {
position:absolute;
display:none;
}
.views-slideshow-controls-text-next a{
position:absolute;
display:block;
width:900px;
height:650px;
padding:10px;
margin-left:-100px;
color:#000;
}

mysimone’s picture

Thank you for reply, it works.... but my slideshow will have different slide height, which will be hard to set the "a" box height. Any more solutions please?

andrea.brogi’s picture

Maybe you can use height:100%; but I'm not sure it's working becouse the position is absolute.

mysimone’s picture

not work :(

andrea.brogi’s picture

I don't know how to solve it

NickDickinsonWilde’s picture

Issue summary: View changes
Status: Active » Closed (outdated)