Customised slideshow with images from file-set and jquery applied on it

Permalink 1 user found helpful
I need to add a slideshow to my site which i have done via doing html code in default.php. The issue is i have a jquery applied on it and i want the slider to load dynamic images from fileset so that client is able to add/remove images from silder using the concrete interface.
I have tried the code below but to no use, my html structure is as follows which is required for jquery affect to be applied to it.
<--HTML CODE-->
<div id="slides">
<div class="slides_container" style="overflow: hidden; position: relative; display: none;">
<div class="slide" style="position: absolute; top: 0px; left: 480px; z-index: 0; display: none;">
<a target="_blank" title="" href="#"><img width="480" height="313" alt="Slide 1" src="<?php echo $this->getThemePath(); ?>/images/img_banner_1.jpg"/></a>
</div>
<div class="slide" style="position: absolute; top: 0px; left: 480px; z-index: 5; display: block;">
<a target="_blank" title="" href="#"><img width="480" height="313" alt="Slide 2" src="<?php echo $this->getThemePath(); ?>/images/img_banner_2.jpg"/></a>
</div>
</div>

<--SCRIPT function applies like this-->
$('#slides').slides({
code to apply paging
});

<--PHP CODE (i tried to get images from fileset)-->
$bt = BlockType::getByHandle('slideshow');
$bt->controller->fsID = 1; # ID of the fileset to use
$bt->controller->playback = 'RANDOM';
$bt->controller->duration = 15;
$bt->controller->fadeDuration = 4;
$bt->controller->__construct($bt);
$bt->render('view');


Please help..i am a newcomer and stuck with this issue.

View Replies: View Best Answer
marticps replied on at Permalink Best Answer Reply
marticps
jaspreet replied on at Permalink Reply
Thank you so much Marticps..will this gallery in link work for case like this
http://223.27.2.34/~strideco/
I want to implement the exact copy of above link.
marticps replied on at Permalink Reply
marticps
Yes, there is no reason it shouldn't work.
It is using this slider:
http://slidesjs.com/
jaspreet replied on at Permalink Reply
Hey thanks again..i have also applied slideJs to my site and it works fine with hardcoded images..but i want to add the code to enable to add/edit images from interface..what is that php line of code for this functionality to work.
As i said i am a newcommer so please bear with me :)
marticps replied on at Permalink Reply
marticps
Do you want to get the images from fileset or file manager?
jaspreet replied on at Permalink Reply
i have created fileset for images..but this is not the main concern really..just want to be able to add/edit images from front end either via Fileset or FileManager.
Thanks
marticps replied on at Permalink Reply
marticps
1) Create the fields for the imgID in the db.xml of the block:
http://www.concrete5.org/documentation/how-tos/developers/creating-...

2) Add the image selector in the edit.php and add.php:
http://www.concrete5.org/documentation/developers/files/using-in-bl...

3) Show the images in the view.php:
http://www.concrete5.org/documentation/developers/files/helpers/...
jaspreet replied on at Permalink Reply
I modified flex slider and it is working now as per my requirements..so didnt try the above links for slide js.
Thanks for your time :)