The slideshow’s images don’t link to any page. How do I set the image do to be the link? I could write a text above the image and make it a link but I don’t want to. I need the image to be the link. How do I set?
10 answers
Have you reviewed the JM Bookstore User Guide/Documentation . . . specifically the JM SLIDESHOW Section?
Ok. I found out how to set the link, thank you.
Is there a way my visitor know the image is a link? Because the cursor type doesn’t change when i let it above the image.
Ok. I found out how to set the link, thank you.
Is there a way my visitor know the image is a link? Because the cursor type doesn’t change when i let it above the image.
Which image has a link?
The Robin Hood one [desc img="slide-uau-01.png" url="http://uauposters.com.br/posters"%5D%5B/desc%5D
The Robin Hood one [desc img="slide-uau-01.png" url="http://uauposters.com.br/posters"%5D%5B/desc%5D
Would not the link be something more along the lines of --> href="posters.html"
Ok, i changed to
[desc img="slide-uau-01.png" href="/posters.html"][/desc]
I tried without / too
tried 3 ways
[desc img="slide-uau-01.png" href="/posters.html"][/desc]
[desc img="slide-uau-01.png" href="posters.html"][/desc]
[desc img="slide-uau-01.png" href="http://www.uauposters.com.br/posters"%5D%5B/desc%5D
Still doesn’t work…
I’ve updated a bit by using: "[desc img="slide-uau-01.png" url="posters"][/desc]" to add link for slide show. Now it can link to http://www.uauposters.com.br/posters when you click on the slideshow.
But it lacks of style for link, you can add some css via file /skin/frontend/default/jm_book/joomlart/jmslideshow/css/jm.slideshow.css:
At line 21, replace this code:
Code:
.jm-slide-main-wrap {
border: 1px solid #DDDDDD
overflow: hidden;
position: relative;
z-index: 1;
}
With:
Code:
.jm-slide-main-wrap {
border: 1px solid #DDDDDD
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 1;
}
At line 105:
Replace this code:
Code:
.jm-mask-desc {
bottom: auto !important;
left: 50px !important;
padding: 20px;
top: 0 !important;
z-index: 10;
}
With:
Code:
.jm-mask-desc {
bottom: auto !important;
cursor: pointer;
left: 50px !important;
padding: 20px;
top: 0 !important;
z-index: 10;
}
@uauposter,
Actually, the image in slideshow is still clickable, you just need add a little bit more style to have the pointer when hovering the image:
-- Go to the file: http://uauposters.com.br/skin/fronte….slideshow.css
-- At approx line 42, add this rule:
Code:
.jm-slide-item img {
padding: 0;
cursor: pointer;
}
Thank you, worked perfectly!
This question is now closed
