4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Need help with Ken Burns slide show coding

by nikeman070
2 replies
  • WEB DESIGN
    • |
I need a slide show for my site I saw under web widgets the ken burns slide show I cant change the default images, but I can change the captions. I tried changing the 1.jpg to a picture file in my root folder but it wont it just deletes the default. Is there another section of the code where I would change the images? This is the source code would it be in the CSS?

window.addEvent('domready', function(){
var data = {
'1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
'2.jpg': { caption: 'A Ceibu tree.' },
'3.jpg': { caption: 'The view from Volcano Maderas.' },
'4.jpg': { caption: 'Beer and ice cream.' }
};
var myShow = new Slideshow.KenBurns('show1', data, { captions: true, controller: true, delay: 4000, duration: 1000, height: 300, hu: 'images/', thumbnails: true, width: 400 });
});
#burns #coding #ken #show #slide
  • Profile picture of the author SmartWeb
    can you send the link of where you are putting this code script.. ?
    Signature
    Smart Web Solutions
    {{ DiscussionBoard.errors[3416568].message }}
    • Profile picture of the author Ozwiz
      Hi All,

      Sorry to Highjack this thread Nikeman070, I am also strugling to set up the Slideshow 2. Can you please tell me how you set up the index.html as I changed the coding as per the instruction but my slide show won't even run the kenburns effect.

      This is the instruction:

      Simply include the slideshow.kenburns.js javascript, after the base class in the head of your HTML document, and initialize your show with new Slideshow.KenBurns


      This is the part of the index.html and the changes that I made are in red


      <script type="text/javascript" src="js/mootools.js"></script>
      <script type="text/javascript" src="js/slideshow.kenburns.js"></script>
      <script type="text/javascript">
      //<![CDATA[
      window.addEvent('domready', function(){
      var data = {
      '1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
      '2.jpg': { caption: 'A Ceibu tree.' },
      '3.jpg': { caption: 'The view from Volcano Maderas.' },
      '4.jpg': { caption: 'Beer and ice cream.' }
      };
      // data = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '1.jpg', '2.jpg', '3.jpg', '4.jpg', '1.jpg', '2.jpg', '3.jpg', '4.jpg'];
      var myShow = new Slideshow.kenburns('show', data, {controller: true,


      Thank you in advance for any help
      {{ DiscussionBoard.errors[3434047].message }}

Trending Topics