Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: I need a slideshow
P.S.
Perhaps you wanted a photo gallery slide show?
I’m using galleria, see it in action @ http://www.sochicomputer.ru/blog/photo
Basic theme for galleria is free, but premium themes cost $29 each
Offline
Re: I need a slideshow
colak wrote:
hi jim,
Have you created the extra folders using ftp or are they created ply a txp plugin?
ftp.
Offline
Re: I need a slideshow
JimJoe wrote:
ftp.
This means that they are not in the database and txp tags would not work on them. You will need to go the manual way as described in jquery plugins’ pages. this is the general idea for 5 images:
<div id="slides">
<div class="slides_container">
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
</div>
</div>Last edited by colak (2013-01-31 06:19:39)
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
Re: I need a slideshow
sochicomputerRU wrote:
P.S.
Perhaps you wanted a photo gallery slide show?
I’m using galleria, see it in action @ http://www.sochicomputer.ru/blog/photo
Basic theme for galleria is free, but premium themes cost $29 each
My ISP has all .ru sites blocked.
Offline
Re: I need a slideshow
colak wrote:
JimJoe wrote:
ftp.
This means that they are not in the database and txp tags would not work on them. You will need to go the manual way as described in jquery plugins’ pages. this is the general idea for 5 images:
<div id="slides">
<div class="slides_container">
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
<div class="slide"><a href="#"><img src="/yourfolder_root/image.jpg" width="image width" height="image_height" alt="alternative text" /></a>
<div class="caption" style="bottom:0"><p>a caption for the image</p></div>
</div>
</div>
</div>I could move them to the database by adding them via image upload.
I’ll try the div you posted.
Would that go i the top of the ‘body’ or in the header ?
Thanks.
Offline
Re: I need a slideshow
Hi Jim the code is based on the jquery plugin here. You will have to check the source of the page before you implement the code above which goes in the body. You will need to download the images, add the relevant css and add the javascripts in the head.
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline