I'm trying to get my lightbox gallery to open up. Everything seems to work up to the point where the image should be showing up. The lightbox background fade is in place, but where the image normally would appear it doesn't. Here's the code of where I'm inserting lightbox.
<map name="map4">
<area alt="GalleryPreview1" coords="0,0,180,180" href="GALLERY/Gallery-1.png" rel="lightbox [web]" onmouseover="FWRestore(1,'Indigo');FWSRestore(top.frames,'Indigo');FWLSwap('img4',1,'Resources/gallerypreview1aa.png','','Indigo')" onmouseout="FWRestore(1,'Indigo');FWSRestore(top.frames,'Indigo')">
</map>
Could it be because I'm using a rollover image? If I take off the rollover it seems to work, but I want to try and keep the rollover as the rest of my site uses it.
Any help is appreciated. If you need more info, let me know.
Are you using jQuery 1.9.0? I have the same issue and rolling back to jquery 1.8.2 fixes this.
Alternatively, you can check out the changes made by fernandosavio: https://github.com/lokesh/lightbox2/issues/29.
Cheers
What happens if you remove the rel=lightbox attribute from the link, does the image load?
Related
My problem: I want to have the content of my page as it is on the https://little-lime.de/ website. So I want the content to be changed when the user just scrolls a little bit while the background stays the same. Is there any Elementor plugin for doing this? Or any other solutions for this?
And the second (less important question): How can I create an background like the one of the mentioned website (https://little-lime.de/) where the points in the background always connect with the mouse?
Hopefully you understand my questions/problems and can halp me.
Thanks in advance!
This page uses a plugin from Dreamweaver called Easy Rotator. It is current being used to display an image gallery. There is a div to the right of the image that has text in it, but it is not showing the text. I am not sure why this is the case. I have tried using the CSS inspector to track down the problem with not luck. Any help on this would be greatly appreciated.
Live page: http://www.securitybankusa.com/art
I am trying to build a website which has its background images scroll with left and right controls. Where can I find tutorials to do that?
You can try CoinSlider... see this link for tutorials and demo:
http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/
Also see supersized jQuery plugin [full screen slideshow]
http://www.buildinternet.com/project/supersized/
OR look here for 100 Qjuery sliders, choose the one that will suit your requirement:
http://www.jquery4u.com/plugins/100-jquery-sliders-part1/#.T-YKgRdo2_4
I've used this one in the past and it's worked great. It's uses a fade transition, but I'm sure there are ways to hack it to do slide transitions.
http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html
I've been scratching my head for the last 40 minutes trying to figure out why the logo on the below site is only working in Safari.
http://www.jaygeorge.co.uk/catalyst-jrshairdressing/
The logo should be in the top left. The site is a WordPress site and the code I've used to drag in the logo is here:
<img src="<?php bloginfo('template_directory') ?>/img/logo.png" alt="JR's Hairdressing" title="JR's Hairdressing" />
If you hover over the logo and copy the image link you'll see that the link is correct.
Looks like the image file itself is the issue. Try the normal bad-image troubleshooting stuff: Open and resave it. Make sure it's RGB. Try a gif instead, etc.
Hard to tell what's actually causing the error, but I've found in situations like this simply opening the image in Paint/Photoshop/Gimp, re-saving it and re-uploading usually fixes the problem.
I've tried the traditional Javascript rollover method and CSS background switching method, but nothing seems to work -- apparently when you're hovering over the close button you're actually...not.
Using Lightbox Gallery plugin in Wordpress.
Any suggestions?
Have a good one,
Andrew
button you're actually...not.
Indeed, You're actually hovering the whole picture (except the right and left third which is for next/prev button).
Try using FireBug, Use it and you'll know what are you really hovering over.