Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2012
    Location
    Bulgaria
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Supersized JavaScript slider add description

    I added description in supersized slider. It works but the div containing the description is empty when I check the code.

    in index.html:

    Code:
    <div id="slidedescription"></div>
            ....
    
            slides : [ // Slideshow Images
            {image : 'img1.jpg', description : '<div><ul><li><a href="">Text</a></li></ul></div>', title : '<h3>Text</h3>', thumb : 'img1Thumb.jpg', thumbTitle : 'Text'},
            {image : 'img2.jpg', description : '<div><ul><li><a href="">Text</a></li></ul></div>', title : '<h3>Text</h3>', thumb : 'img2Thumb.jpg', thumbTitle : 'Text'}, 
            {image : 'img3.jpg', description : '<div><ul><li><a href="">Text</a></li></ul></div>', title : '<h3>Text</h3>', thumb : 'img3Thumb.jpg', thumbTitle : 'Text'}
           ]
             });
            });
    in supersized.shutter.min.js:

    Code:
    afterAnimation:function(){...
    
              if(a(vars.slide_description).length){
    (api.getField("description"))?a(vars.slide_description).html(api.getField("description")):a(vars.slide_description).html("")
               }
    
               a.supersized.themeVars={ ...
               slide_description:"#slidedescription",
    The problem is: I would like the output to be in div element in the HTML page result but now:

    Code:
    <div id="slidedescription"> </div>
    is empty and I would like the result to be:

    Code:
    <div id="slidedescription">
            <div ><ul><li><a href="">Text</a></li></div>
            <div ><ul><li><a href="">Text</a></li></div>
            <div ><ul><li><a href="">Text</a></li></div>
            </div>
    Is it possible to be achieved? I guess it is but would you help me with this?

    Best regards.
    Last edited by blizzardofozz; 08-07-2012 at 09:53 PM.

  • #2
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    You have a typo

    Code:
    <div id="slidedescription"></div>
            ....
    
            slides : [ // Slideshow Images
            {image : 'img1.jpg', description : '<div" << delete this "
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #3
    New to the CF scene
    Join Date
    Aug 2012
    Location
    Bulgaria
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you Andrew, but this is not the reason. There is no error in the original script this is just an example.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •