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/...