• Page 1 of 1
  • 1
Forum moderator: bigblog  
uCoz Community » General Information » First Steps with uCoz » Slide show. (Is it possible to make a slide show)
Slide show.
michelbh
Posts: 16
Reputation: 0

Message # 1 | 10:33 AM
When looking at an album, instead of clicking each photos it would be convenient to have a slide show.
Is there a way to do that?

Added (2018-07-06, 10:33 AM)
---------------------------------------------
Post text

Gromov
Posts: 478
Reputation: 13

Message # 2 | 11:29 AM
michelbh, Sure it does. You need to use the $SLIDESHOW$ and the $SLIDESHOW_BUTTON$ variables within the Page with a full-sized photo and comments template, that can be found at the Control Panel of your website -> Design -> Editor.
michelbh
Posts: 16
Reputation: 0

Message # 3 | 10:31 PM
OK, I partly follow your answer: ".... Control Panel of your website -> Design -> Editor."

But what do you mean by: "... within the Page with a full-sized photo and comments template"
Gromov
Posts: 478
Reputation: 13

Message # 4 | 6:05 AM
michelbh, This image should clarify the situation for you: https://www.screencast.com/t/RmUVUTEAkm0
michelbh
Posts: 16
Reputation: 0

Message # 5 | 1:29 PM
Thank you.

OK, I found the code for: "Page with a full-sized photo and comments"
But I see no "$SLIDESHOW$" or "$SLIDESHOW_BUTTON$" there.

And I do not see where this code is reflected on the site.

Could you please explain how it works?
Post edited by michelbh - Thursday, 2018-07-19, 9:39 AM
Gromov
Posts: 478
Reputation: 13

Message # 6 | 1:05 PM
michelbh, the code isn't there, it's where you need to put it.

Also, I suggest you simply try to search the forum for the $SLIDESHOW$ you will find all the necessary information there as well.
Gromov
Posts: 478
Reputation: 13

Message # 7 | 8:45 AM
michelbh, I have found the code that might be useful for you:
Code
<div class="container" id="example"><div id="slides"><div class="slides_container">

<div class="slide">
<a href="#"><img src="slide-10.jpg" width="570" height="270" alt="Slide 1"></a>
<div class="caption" style="bottom:0"><p>uCoz Logo</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-20.jpg" width="570" height="270" alt="Slide 2"></a>
<div class="caption">
<p>Description</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-30.jpg" width="570" height="270" alt="Slide 3"></a>
<div class="caption">
<p>Opa Gangnam Style :D</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-40.jpg" width="570" height="270" alt="Slide 4"></a>
<div class="caption">
<p>Text</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-50.jpg" width="570" height="270" alt="Slide 5"></a>
<div class="caption">
<p>Description</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-60.jpg" width="570" height="270" alt="Slide 6"></a>
<div class="caption">
<p>uCoz Logo</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-70.jpg" width="570" height="270" alt="Slide 7"></a>
<div class="caption">
<p>uCoz Logo</p>
</div></div>

</div>

<a href="#" class="prev"><img src="arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="arrow-next.png" width="24" height="43" alt="Arrow Next"></a>

</div>
<img src="example-.png" width="739" height="341" alt="Example Frame" id="frame">
</div>


Also, you may find this guide useful (it's a test one now): https://newmanuals.ucoz.com/module-photo/design
uCoz Community » General Information » First Steps with uCoz » Slide show. (Is it possible to make a slide show)
  • Page 1 of 1
  • 1
Search: