Grow your CSS skills. Land your dream job.

KenBurns Slider Integration !

  • # November 3, 2012 at 2:34 am

    I’m trying to add this KenBurns Slider to my dummy-index page (index2.php)
    http://www.kenburnsslider.com/page.html?type=FixedDimensions&skin=opportune

    it was perfectly OK after I made few changes using DreamWeaver, but when I tried to add it on my live site’s dummy page it first changed its background which I corrected in style.css

    Now I’ve done almost everything, but slider animation won’t start.
    check it out:
    http://www.tradeglobus.com/index2.php
    I’ve added its code inside the “Scroller div”

    Can anyone spot the issue which is conflicting with other CSS’s or JS’s ?

    Thanks

    # November 3, 2012 at 2:41 am

    Have you tried looking into this?
    You need to check your console

    or

    http://puu.sh/1lR6B

    # November 3, 2012 at 2:55 am

    well I didn’t……how did you check that ?

    # November 3, 2012 at 3:02 am

    Go into Google Chrome, and right click on your page / Inspect Element. Firefox should have browsing tools as well as IE.

    Basically without looking at your code you need to restructure your file hierarchy.

    If you’re still having issues, post back and let us know if you get it to work or still problematic.

    # November 3, 2012 at 3:15 am

    ok I got it…..let me try & get back to u !

    # November 3, 2012 at 3:34 am

    I made changes in source file at my local pc its working fine, loading all images & no conflicts at all, but if I copy/paste the code on live page it gives the same errors nothing changed !

    where do I look for the solution ?

    # November 3, 2012 at 3:41 am

    oh one more thing I’ve just tested, I also uploaded its working page to my live site & its working fine…..Now Im sure there’s something on index2.php

    Check it out:
    http://www.tradeglobus.com/kb/index.html

    # November 3, 2012 at 6:45 am

    You are missing your "css/content.css".

    You’re also throwing an error
    Uncaught TypeError: Cannot read property 'length' of undefined

    So you are probably trying to use the $.length() method on something that cannot use it or doesn’t exist, null, etc… But the error is coming from the cdn’s jQuery file, but still, its probably your code.

    Let me know if you have any other problems.

    # November 3, 2012 at 6:49 am

    There also seems to be something off here with your spacing by the flags below your slider:
    http://www.tradeglobus.com/index2.php

    Here is a screen shot and link:
    error on site

    http://puu.sh/1lTjL

    # November 3, 2012 at 6:55 am

    It may also be wise to Give this a look

    # November 3, 2012 at 7:38 am

    Well, you’re right about those two errors but we should ignore them.
    Bcuz its a dummy page of index.php, so I’m only concerned about that KenBurns Slider.

    If i set it up correctly here, then I’ll implement it on index.php, the live Main page.

    And I’ve just checked that validation page, tried to validate both (index.php / index2.php)
    God ! thats scary :(

    Well I didn’t developed this site, I’m just hired to manage & update the entire website.
    Thats why I got confused most of the time.

    Anyways, I’ve been trying to make it work…..& you’ve probably checked the updated page.
    Now I’m praying for no issues when I’ll add this slider into index.php

    I’ll msg you when I get any problem !
    And thanks a lot for your time :)

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".