Light Box only one image loads, 3 others do not

时间:2016-03-04 17:50:28

标签: lightbox image-gallery responsive-images

Hi I am redesigning my website, I am a novice at JS and CSS, pretty good with HTML 5. I am working on a new responsive web site with a gallery page of images using Lightbox.

The Beta Site and Gallery Page is here: http://www.sound-enclosures.com/FanAir/index-3.html

I have a Link to " img src= " to the Thumbnail and a "a href= " to the BIG Image.

Problem is only One of Four Images load. It's the First Image on the Page The Blue Picture. This seems to work correctly. The other Images try to link, however they just Hang Up on Loading. I have verified the file names, locations, checked the URL's etc.

I am using Lightbox.min. script before "/head" and bootstrap.min.js at the bottom of my page before "/body"

The Monster Template I am using was furnished with jQuery v1.11.1, I have read in the Stackoverflow Forums that JQuery 1.8 seems to work better with Lightbox, I have not tried that and would be reluctant to do so as it might mess up other pages.

Can any one take a look and possibly provide some assistance, guidance?

Thank you all in advance.

Scotty

1 个答案:

答案 0 :(得分:0)

您的图片无法加载,因为它们不在您的服务器上,或者不在 images

文件夹中

没有名为: page4_pic15_Big.jpg 的图片被设置为你的href:

<a href="images/page4_pic15_Big.jpg" data-title="Heavy Duty Centrifugal Blower" rel="lightbox"> <img src="images/page4_pic15.jpg">
                    Backward Inclined Blowers<br>
                  </a>