Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #9692

    Hey

    Been looking through the forum to see if i could find the answer to my problem and i couldn’t so i thought i would post it here.

    I have resized the slideshow and it for some reason will not load the images, what am i missing?

    Here is the test server:

    http://test.businesswebdesigns.com.au/

    Thanks

    ISaac

    #65600

    Hey!

    The slider html code is incorrect. Replace the first li tag:

    <li class="featured">>

    with:

    <li class="featured">

    Regards,

    Peter

    #65601

    Hey Peter,

    Thanks for pointing that out can’t believe i missed that but the slider still doesn’t seem to work. What else have a done wrong?

    Thanks

    #65602

    Try to remove following code from js/custom.js:

    //only needed for the demo page
    demopage_switchslider();

    //activate the lightbox
    jQuery('a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg]').prettyPhoto({theme: "light_square"});

    or add the lightbox files (prettyphoto files) to your homepage. In addition I get the error “Modernizr is not defined” in script.js which might cause a global js error.

    #65603

    Hey Removed it and also got rid of the script.js and still no luck…

    Do you have any other thoughts on way this wouldn’t work?

    Kind regards

    Isaac

    #65604

    Also i get these errors while in firefug.

    $(“#frontpage-slider”).aviaSlider is not a function

    (?)()script.js (line 20)

    d(a=[input#name, input#email, input#telephone, textarea#message], c=function(), e=undefined)jquery.min.js (line 16)

    d(a=function(), b=undefined)jquery.min.js (line 16)

    (?)()script.js (line 17)

    d(d=Document test.businesswebdesigns.com.au, f=[function()])jquery.min.js (line 16)

    d(a=undefined)jquery.min.js (line 16)

    d()

    #65605

    Ok – you put the slider call function directly into the html document. In this case you don’t need js/custom.js (just remove the file reference). Maybe you’re using the jQuery noConflict mode . in this case replace:

    $('#frontpage-slider').aviaSlider({
    blockSize: {height: 80, width:80},
    transition: 'slide',
    display: 'all',
    transitionOrder: ['diagonaltop', 'diagonalbottom','topleft', 'bottomright', 'random']
    });

    with:

    jQuery(document).ready(function(){

    jQuery('#frontpage-slider').aviaSlider({
    blockSize: {height: 80, width:80},
    transition: 'slide',
    display: 'all',
    transitionOrder: ['diagonaltop', 'diagonalbottom','topleft', 'bottomright', 'random']
    });

    });

    In addition you load the jQuery libary several times which probably breaks all jQuery functions. I’d remove following two lines too:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.5.1.min.js"%3E%3C/script%3E'))</script>

    #65606

    Hmm. Still not working. Do you think it could be anything else?

    Regards

    Isaac

    #65607

    Hi!

    I’m not sure. I can’t access the test website anymore…

    Regards,

    Peter

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

The topic ‘Help! My Images Will not Load…’ is closed to new replies.