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.
    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.
                        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.
                http://223.27.2.34/~strideco/
I want to implement the exact copy of above link.
                        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 :)
                As i said i am a newcommer so please bear with me :)
                        Do you want to get the images from fileset or file manager?                    
                
                        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
                Thanks
                        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/...
                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/...
                        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 :)
                Thanks for your time :)


 
                    
http://c5blog.jordanlev.com/blog/2011/12/build-a-slideshow-block/...