Solved

Javascript conflict is making lighbox popup work in a strange way

Posted on 2013-11-29
3
310 Views
Last Modified: 2013-12-15
Could anyone tell me where the conflict exists between which scripts that is causing the following problem:

On the page - http://www.associazioneculturaleinasia.it/blog-generale/il-giardino-classico-cinese.html when I click on the large garden image at the top, the image opens in a new page rather than in a lightbox-type popup.

Please assist.
Thanks in advance.
0
Comment
Question by:badwolfff
  • 2
3 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39685825
NetworkError: 404 Not Found - http://ajax.googleapis.com/ajax/libs/jquery/0/jquery.min.js

If you want the latest 1.x branch it should be
http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
0
 

Author Comment

by:badwolfff
ID: 39688217
Hi GaryC123,

thanks for your message. I searched and I searched but I couldn't find the origin of this line.
However I manually added

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js

before the head tag.

Still the problem persists.
Could you please have a look?

Thanks
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39688432
You seem to have several lightbox plugins in the page - they maybe conflicting as the Squeezebox one is giving an hash error and I cannot find a reason for it.
Try sticking with just one of them.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question