Using An Image For A Link Instead Of Text (lightbox)
Dec 17, 2011
I 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
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]...
I have been pulling my hair out over this problem for days now, my main aim is to call a lightbox (found at huddletogether)from within ActionScript 3.0, but I couldn't work out how to do this so I have instead passed a variable from the as3 to javascript.
I am then doing a switch..case statement to determine what to do with that variable. The issue I now have is, I need to call the lightbox automatically, when that case is required.
I have tried: document.write('<a href="location" rel="lightbox"> </a>') - along with window.location; where location is the location of the image, and rel=lightbox is a required feature to cause the lightbox to occur. But this, in theory, just creates a link that when the user clicks causes it to happen, but thats not what i need. i need it to automatically do what the link would do if it were pressed.
If you need to load a page and then add a light box to it be sure that the whole page is loaded before you add the lightbox or it will not function.
In your description you add the lightbox and the load some content. The content are not in the dom when you add the lightbox so the lightbox don't know what to add it's function onto.
I have a page on a website I am creating that has both a lightbox rel link and a quick calculator to work out a size of a product.Here are the links to the java files I am using:
I 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.
Im 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 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]
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.
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
I want text links to swap the image on the website, but then want to allow a zoom function or lightbox function to the image that appears. I'm not best at explaining things so i've done an example below. After clicking the link, the image changes. i want to be able to do the zoom on the image that it's changed to.
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.
It seems to me that it normally happens by default... set a Title inthe image tag and it shows in the lightbox-image-details-caption.Butmine just doesn't at[URL]
Click on the first image. then navigate through the ligthbox using 'Next' button.Sometimes the images appears distorted.Is is due to the Lightbox ajax rendering of the images?
I am using Lightbox 2.04. I would like to change the size of the image container for the large image. No matter what size I actually make the image, when it appears it always fills the containing box and is too big. It is portrait orientation and sometime the image needs vertical scrolling to see it all.
How do I change the size of the image container so it fits nicely within the screen and where do I find the code to do this? I want the container to be the size of the image. Does this happen automatically based on the actual size of the image? If so, mine doesn't do that.
I have been following a tutorial for an image gallery, i can upload images and use gd to create thumbnails that when clicked display the full sized image, but the full sized image is to big to fit in my design, i have managed to get the rel="lightbox" attached to the thumbnails as they are displayed but it wont load the full image, the loading ring just keeps going round, does anybody know how to fix this? is it even possible.
I would like some help with a two stage display of thumbnails. I have managed to display all thumbnail product images of my targetId in a scrolling div from the contents of my targetId image folder. I have also managed to display the thumbnail as a larger image in a html image. I would now like to apply a href link to the larger image so that I can display using jsquery lightbox,
<head> <script type="text/javascript"> function replaceImg(path) {[code].........
I have several google map markers and lightbox image gallery in the html file. I need to associate each image from the gallery with the markers.
I've tried this
Code: google.maps.event.addListener(marker01, 'click', function() { document.getElementById("bump"); }); "bump" is id of div with the image, but it didn't work.
I've been looking all over the place in order to find a script like they use on Foliostars, where you see a sliding semi-transparant text layer over a thumbnail image when you hover. how to achieve this using JS or an Ajax framework (preferably JQuery)?
I am looking for a version of lightbox that would allow the user to click on a single reference image and when the "lightboxed" version appears a strip of thumbnails would be available at the top or bottom of that image. Thus, the user could navigate between images within the lightbox by clicking on a different thumbnail. If such beast exists a URL would appreciated. Extensive Googling hasn't turned up what I'm looking for at all.
I currently have a slideshow working on my client's site, but I can't get lightbox to work properly on it. [URL]...
Is there a way to fix the existing slideshow to work with lightbox? Or is there another way of doing this (keeping the same look that is currently in place)?
