Results 1 to 6 of 6

Thread: most photos not showing

  1. #1
    Join Date
    Jan 2009
    Location
    NH
    Posts
    674
    Thanks
    98
    Thanked 26 Times in 26 Posts

    Default most photos not showing

    On this page I have a photo gallery using fancybox. On my laptop I can see all the png photos locally but not on the lice website. In the head section I have the link to the fancybox css <link rel=stylesheet type=text/css href=jquery.fancybox.min.css> and also at the bottom of the code before the </body> tag I have ><script src=jquery.fancybox.min.js></script><script>$(document).ready(function(){$(".fancybox").fancybox()});</script></body></html>.

    this is the html for the fancybox image gallery
    HTML Code:
    <div class="row mb-2"><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="png" href="png/1.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial view of Rye" src="png/1.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/2.png"><div class="img-fixed"><img class="img-fluid  lazy" alt="aerial view of property 15" src="png/2.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/3.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial view 3" src="png/3.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/4.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial view of property 5" src="images/4.png" /></div></a></div></div><div class="clearfix visible-sm"></div><div class="row mb-2"><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/5.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial-property-6" src="images/5.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/6.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial-property-8" src="images/6.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/7.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial-property-11" src="images/7.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/8.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial tree" src="images/8.png" /></div></a></div></div><div class="clearfix visible-sm"></div><div class="row mb-2"><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V1.png"><div class="img-fixed"><img class="img-fluid lazy" alt="ocean-view-living-1" src="images/V1.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V2.png"><div class="img-fixed"><img class="img-fluid lazy" alt="ocean-view-living-2" src="images/V2.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V3.png"><div class="img-fixed"><img class="img-fluid lazy" alt="ocean-view-living-1" src="images/V3.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V4.png"><div class="img-fixed"><img class="img-fluid lazy" alt="ocean-view-living-1" src="images/V4.png" /></div></a></div></div><div class="clearfix visible-sm"></div><div class="row mb-2"><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V5.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial view of Rye" src="images/V5.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V6.png"><div class="img-fixed"><img class="img-fluid  lazy" alt="aerial view of property 15" src="images/V6.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V10.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial view 3" src="images/V10.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V11.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial view of property 5" src="images/V11.png" /></div></a></div></div><div class="clearfix visible-sm"></div><div class="row mb-2"><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V10.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial-property-6" src="images/V10.png" /></div></a></div>
    <div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V13.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial tree" src="images/V13.png" /></div></a></div></div><div class="clearfix visible-sm"></div><div class="row mb-2">
    <div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V31.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial-property-11" src="images/V31.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V32.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial tree" src="images/V32.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V33.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial view of Rye" src="images/V33.png" /></div></a></div></div><div class="clearfix visible-sm"></div><div class="row mb-2"><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V34.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial-property-6" src="images/V34.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V35.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial-property-11" src="images/V35.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V36.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial tree" src="images/V36.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V37.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial view of Rye" src="images/V37.png" /></div></a></div></div><div class="clearfix visible-sm"></div><div class="row mb-2"><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V38.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial-property-6" src="images/V38.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V39.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial-property-11" src="images/V39.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V40.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial tree" src="images/V40.png" /></div></a></div><div class="col-6 col-sm-3"><a class="thumbnail fancybox" data-fancybox="images" href="png/V41.png"><div class="img-fixed"><img class="img-fluid lazy" alt="aerial view of Rye" src="images/V41.png" /></div></a></div></div><div class="clearfix visible-sm"></div></div> 
    Here is the fancybox main page that I copied the css amd js lines from if you need it. Can amyone figure out why the pngs aren't loading on the live website after I uploaded it? If you need anymore info please ask me. Thanks

  2. #2
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,881
    Thanks
    49
    Thanked 266 Times in 258 Posts
    Blog Entries
    56

    Default

    I see 47 photos on my machine. The first photo of the ninth row is missing.
    The photos load very very slowly. The reason why you don't see all of them might be a loading issue.

  3. The Following User Says Thank You to molendijk For This Useful Post:

    mlegg (07-19-2020)

  4. #3
    Join Date
    Aug 2020
    Location
    New York
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I am not seeing any issue. According to me the code is fine but there is any issue in cache

  5. #4
    Join Date
    Sep 2020
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    There is a space before and after the slash "png / 1.png", you have to make sure that the link is exact.
    Last edited by james438; 09-07-2020 at 03:46 PM. Reason: translated to English.

  6. #5
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    2,287
    Thanks
    97
    Thanked 104 Times in 102 Posts

    Default

    For clarity, please limit posts to English or Code.
    To choose the lesser of two evils is still to choose evil. My personal site

  7. #6
    Join Date
    Sep 2020
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Unlike the situation I encountered, I downloaded a picture on Google and then wanted to open it with PS. It always prompted me that the JPEG identifier type of the unknown product was invalid, so the request could not be completed.

Similar Threads

  1. photos breaking up?
    By confused2 in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 02-09-2010, 02:51 AM
  2. Where to get photos for web design?
    By lilya in forum Graphics
    Replies: 10
    Last Post: 02-22-2008, 06:02 PM
  3. Photos slide show not showing up on other pages
    By Owebdesigner in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 08-27-2007, 10:16 PM
  4. Photos not showing in Ultimate Fade-in Slideshow
    By Owebdesigner in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 07-31-2007, 04:01 PM
  5. Help with aligning photos
    By jhb in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 06-14-2007, 08:51 AM

Tags for this Thread

Bookmarks

Posting Permissions

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