This is a follow on from another problem I had with the same image gallery
I have this simple gallery that loads images from an xml file and uses Fancybox - Fancybox - Fancy lightbox alternative to display the images.
untitled
Everything is working but the last image is not working with fancybox. The last image just displays in it's own window.[code]...
I have this simple gallery that loads images from an xml file and usesFancyboxto display the images. Demo Everything is working but the last image is not working with fancybox. The last image just displays in it's own window.
[Code]...
I've been working on a freelance design site, and I have been using jshowoff and fancybox on my portfolio page. The portfolio has multiple sections that are set to be scrolled through using jshowoff by using the slide links. This use of jshowoff is working perfectly fine, but fancybox isn't. fancybox is supposed to be set to launch a modal when any of the portfolio thumbnail images are clicked. As it is right now, fancybox links will not work within the jshowoff slide div, but they do work outside of the jshowoff slide div.
I have done about 5 hours of searching online for possible fixed to my issue, and I haven't found anything. I am attempting to fix the conflict the between jshowoff and fancybox. I am very new to using jQuery plugins, so hopefully, you can all bear with me.If anyone may know how I can fix my fancybox links, so that fancybox will work within my jshowoff slide, I'd greatly appreciate it. I have provided the html below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
i have a site that uses a lightbox based image viewer and the jeditable plugin. basically my site has a photo gallery and below each gallery i have the option to set a caption to the photo.
i have done the caption using jeditable and i've also tried using the ajaxForm plugin for jquery to see if jeditable caused the problem. but whichever method i use, approximately 20% of the time a photo caption is submitted, if you then click on the photo to view full size using lightbox (so far i've used fancyBox, prettyPhoto and Lightbox itself, and all break in the same way) it gets stuck at "loading", whereby the overlay appears, the inital empty box and animated gif appear, but then it just spins forever and never loads the image, as if it cant access the URL. weirder still, the FIRST time i do a page refresh to try and fix the problem, it doesnt work (something in the cache i expect), but if i do a second refresh or a shift + refresh, it resets and works again. it's very difficult to eliminate all variables because the problem is so sporadic, but it seems that the most likely way of breaking lightbox is to do the following:
[Code]...
The link for the page is here [URL]. As you can see there is an image gallery that is supposed to be controlled with lightbox, however I can not get the lightbox script to work and everything I've looked at seems ok. Any ideas I have uploaded all the required js files and images files as well.
View 6 Replies View RelatedI've been using lightbox to show some profile pictures on my site.http:[url]....All was working fine on various browers until i decided to change my navigation buttons. These buttons involve some javascript & ever since they were installed, my portfolio images dont show up properly within the lightbox ... box. Just loads up a new page and puts the bigger image there.Here's the js for the buttons called sliding_effect...I also have the jquery file if thats is needed, but for now here's the slding effect js.
$(document).ready(function()
{
slide("#linkList", 25, 15, 150, .8);[code].....
If anyone needs the CSS let me know and i'll put it up, but think its rather more to do with the js.
You can see that when selecting 'Contact' from the top navigation a light-box (fancybox) with a contact form opens, this form can be filled and when the submit button is pressed the content of the form is emailed to myself. However.... The 'Thank you message' is not appearing in the light-box as I would like it to and I cannot work out how to do this.
View 2 Replies View RelatedI'm trying to make a simple hyperlink that should open a Fancybox image gallery. I'm almost there, but now, there occurs a strange problem when I execute the page with the code. I have to double click the hyperlink after I load the page instead of one single click. Anyone who knows the problem?
Here's my code:
HTML:
Javascript/jQuery:
When i click on an image, it just opens in a new tab, lightbox doesn't work?!
$jq_add_div_strings = '';
$jq_div_classes_csv = '';
$counter = 0;
[code]....
what is wrong with my code which is working fine in IE 8; here is the page link: http:[url].....
View 1 Replies View RelatedI'm using Lighbox on a project I'm working on, it was working and all of a sudden has stopped. I have changed nothing. Here's how I have the lightbox.js file added to the header
<script type="text/javascript" src=scripts/lightbox.js"></script>
And in the image tag I have added the rel="lightbox"
<div class="thumbnail">
<a href='images/display_images/<%#Eval("Name") %>' rel="lightbox" title='<%#Eval("Description") %>'>
[Code].....
My page with my slideshow (with lightbox integrated) is up and running fine on browsers like Firefox, IE, and Google Chrome... But Safari doesn't even show the slideshow.[URL]...
View 2 Replies View RelatedI have used lightbox2.04 version.It is work perfectly in FF but not working in IE6...How can I modified this for working in IE6 also??
View 1 Replies View RelatedI'm working on adding a gallery to a client website.URL... And I just can not seem to get lightbox going on this site at all.
View 13 Replies View RelatedI need a lightbox or similar looking application that will work with an image map. I have a sales territory map and I want users to be able to either mouseover or click a particular section of the map and have some type of window open that will have the contact info for the sales person in that area. I would prefer to have an actual html page load in the window. Is this possible and if so do you know of a script I can use?
Right now I am using JavaScript to open a new browser window but the window is blocked by popup blockers.
Lets say I have 2 pages (index, page1) in index I have had declared the jquery and the lightbox libraries, and the following function:
Code:
$(function() {
$('#gallery a').lightBox();
});
[Code]....
I tried clicking on the link but it didn't recognize the lightbox.
I am having some issues with my lightbox. It won't work for a strange reason. Here is the site: [URL]. Here is the code for the site: [URL]. I get no errors in Firefox debug.
View 5 Replies View RelatedIm after a "lightbox style" image viewer that I can put on my site. However, I dont want the popup functionality, I just want the ability to show an image, and when I hover over than image, see buttons for next previous image.
Is there an existing script that can do this? I dont want to go down the flash route with this.
i found a tutorial for doing the lightbox image viewer...and the link and demo is given below. can someone tell me how do i replace the image with text in the lightbox....i mean when we hit on the image what shud i do to display text instead of image....hit on the image in the site and it will display an image.[URL]...
View 1 Replies View RelatedI have recently just built a simple website and have started to add some added editions one being the lightbox.
i am using dreamweaver cs3 and on a mac laptop, so in safari it works brillaint no problems what so ever.
but as soon as you load it in internet explorer the light box opens but it displays a 404 error on the first image of every gallery, on every different profile?[code]...
This code doesn't work.
$('#lightBoxCloseButton').click(function() {
$('.css3Lightbox').hide();
});
I have various images on a page. I want to edit an image. So, I should click on the image and a lightbox should appear asking me for a new image files to upload. I select an image and click upload. It uploads the file and then the lightbox closes and the original image on the page gets replaced by the new one.
I can create a lightbox(overlay) and call a php page on it to upload the image. But, then I don't know how to pass that back to the original page and update the image there through AJAX call.
How this image gallery with lightbox is done? I am trying to figure this out and was searching, but couldn't find how this was implemented with lightbox. [URL]
View 3 Replies View RelatedI am having an issue where I am using lightbox, however what is showing up is a text link "Request Email." I understand how to manipulate this text to say anything I want. However, I am having difficulty changing the text link to an image.
Instead of the text, I want to have an image (button) stored on my server [URL] be the link to click on instead of the text. It seems this would be easy to accomplish
<a id='anchor_LU8eKAvs2W' href='http://www.emailmeform.com/builder/form/LU8eKAvs2W'>Request Email!</a><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
[Code]....
I was curious as to whether anyone had links for a publicly distributed script that would allow me to have Lightbox 2 like effects inline rather than as a modal window. Lightbox 2
View 1 Replies View RelatedI'm trying to get a lightbox working on my website alongside a jQuery tooltip, however when the tooltip is running the lightbox no long works and just links to a new page of one image. If I remove the attached tool.js (the file that controls the tool tip) the lightbox works again but the tool tip obviously doesn't.
I presume this is a jQuery conflict and have been looking up how to resolve it, finding a variety of different solutions, but no proper explanation how to implement them.
Quote:
I just have no idea what to do with that. I've tried putting div ids in place of the "div" and "someid" reference points and all that did was hide the content completely.
This an example of the page I want to implement it on: [url]
The tool tip resides in a php.include on the right hand side, the code of which is this:
Quote: