Images not loading
  • I have uploaded all the files and scripts exactly as indicated in the download, but the image loading process is stuck in an endless loop. Also, how and where do I specify which theme I'd to use (i.e. light rounded corners)?

    I am trying to set this up at:

    www.drkdesign.com/garden/gallery.php

    Thank you!
  • You have a bunch of stuff duplicated in your head portion.
    Make a safe copy, and then try deleting all of this part (shown below):
  • Okay I got rid of all that and just added this back in:





    But am still having the same problem.

    And I am afraid I'm not seeing the examples that indicate how to specify the theme. Would you mind point me to them? Thank you!
  • I found the example with how to customize the theme...still haven't gotten it to work yet, but am working on it.
  • Now you've added another mistake ...



    $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto({'light_rounded',
    });
    });



    You have an extra });

    That will get rid of the Javascript error, but not sure if
    it will work yet. See what happens.

    -max-
  • ooops...I dont know JavaScript very well. I was trying to use Firebug last night to check the script but it wasn't working.

    Well now the pic is just opening up in a separate page. And the thumbs still aren't showing as rounded.

    I appreciate your help Max. Is there anything I can do to help you see what I'm doing wrong a little better? I really need to get this working.

    Thanks!!
  • Well, now you are using LightBox and that works.
    Maybe you want to keep using LightBox instead?
  • Hey all,

    I'm having this same issue.

    If you go to http://inbfcanada.com/shows/results/2011-04-09_INBF_Canadian_Natural_Bodybuilding_Figure_Classic.php and click on Doreen Holden's pic (the first one under Fitness) you'll notice the script runs, but the larger image does not load.

    Any help would be greatly appreciated. Thanks in advance.


    ~r
  • Hi bluehaus,
    I am sure you use "js/jquery-1.3.2.min.js" and use prettyphoto 3.1.2, would you upgrade to minimum jquery-1.4.4. I have use jquery-1.5.2 it is still working.

    You have 2 document.ready, normally it is put into one:
    $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
    });
    $(document).ready(function(){
    randomtip();
    });
    But I am not sure about this, may be someone can comment while I am searching about it? Try changing the jquery first.
  • Thanks for your reply dRachmad!

    I just upgraded to jquery-1.6.1 and moved the document.ready's into one. I actually totally missed that one. That being said, still no luck on the large image displaying. And just for arguments sake, I triple checked the url and made sure the image is actually uploaded.

    I've also tried commenting out all other JS codes to see if something was just not agreeing but still the same results. I'm sure (hope) I'm just missing something very obvious.
  • Hi bluehaus,
    I see you already upgrade to 1.6.1, I never use it but I assume it is more than enough.
    The problem, it seem it can not get the itemsrc, that is the href= of the picture. The question is why prettyphoto can not get it.
    If this is the first time you try prettyphoto, try to download the uncompressed version (and it is easier to debug :-)). There is a case when using the compressed version.
    http://forums.no-margin-for-errors.com/discussion/1617/a-few-problems-with-prettyphoto-assistance-please/#Item_6
  • Downloaded, updated and uploaded the uncompressed version of PrettyPhoto as well as
    renamed Doreen's pic without the leading underscore "_". Sadly still nothing.

    I'm rollin' up my sleeves and am continuing to hammer this out with you dRachmad! I'm really grateful for your time and assistance on this for me.

    What do you think we should try now?
  • Hi bluehaus,

    $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
    randomtip();
    });
    BTW, you call the randomtip() twice, but I don't think this that cause the error

    I have test with jquery-1.6.1 it works, so that it is not the jquery-1.6.1 that make the error.

    It seem you change the pp_images to pp_img. But it should be ok.
    pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr('rel').indexOf(theRel) != -1) return $(n).attr('href'); }) : $.makeArray($(this).attr('href'));
    the results of pp_images = ["h","t","t","p", .....], it should be =["http://....", ...]
    Is it because there is two jquery version (jquery.js and jquery-1.6.1.min.js) loaded?
    For someone who understand why it happened, please post your answer.
  • It WORKED!!! I commented out the second jQuery (an oversight on my part) as well as fixed the document.ready as per your suggestion, a little refresh and WHAMO!

    I can't thank you enough dRachmad! Thank you for all of your time and assistance! It really is greatly appreciated.

    All the best !

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!