Gallery image disappears when not hovering

I am adding a thumbnail scroller to my image gallery. Here's
the site I am cutting from:
http://www.cssplay.co.uk/menu/scroll_gallery.html#nogo
I want the enlarged image to STAY when I click on the
thumbnail until I click on another one. Now it stays only as long
as I am hovering. I throw myself on your mercy.
Here's the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<style type="text/css">
#holder {position:relative; background:transparent
url(pic1b.gif) 175px 54px no-repeat; margin-bottom:10px;
z-index:1;}
#scrollbox {width:400px; height:80px; background:#f4f4f4;
overflow:auto; border:1px solid #aaa; margin-left:175px;}
a.gallery, a.gallery:visited {display:block; color:#000;
text-decoration:none; border:1px solid #000; width:75px;
height:47px; margin:3px; float:left; font-size:11px;}
a.slidea {background:url(12292th.jpg);}
a.slideb {background:url(thumb3.jpg);}
a.slidec {background:url(thumb4.jpg);}
a.slided {background:url(thumb5.jpg);}
a.slidee {background:url(thumb6.jpg);}
a.slidef {background:url(thumb7.jpg);}
a.slideg {background:url(thumb8.jpg);}
a.slideh {background:url(thumb9.jpg);}
a.slidei {background:url(thumb10.jpg);}
a.slidej {background:url(thumb11.jpg);}
a.gallery span {display:block; position:absolute; left:150px;
top:-1px; width:1px; height:1px; overflow:hidden;
background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid
#000; z-index:50;}
a.gallery:hover span {display:block; position:absolute;
width:402px; height:280px; top:49px; left:170px; padding:5px;
font-style:italic; color:#000; background:#fff; z-index:100;
font-size:11px;}
* html a.gallery:hover span {left:155px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block;
position:absolute; width:402px; height:280px; top:49px; left:170px;
padding:5px; font-style:italic; color:#000; background:#fff;
z-index:50;}
* html a.gallery:active span {left:155px;}
#thumbs {width:840px; height:60px;}
#pad {height:320px; width:100px;}
</style>

</head>
<div id="showcase">
<div id="info">
<div id="holder">
<h2>A Scrolling Photograph Gallery</h2>
<div id="pad"></div>
<div id="scrollbox">
<div id="thumbs">
<a class="gallery slidea" href="#nogo"
title="Fishes"><span><img src="1085.jpg" alt="Fishes"
title="Fishes" /><br />pic2.jpg<br />Photographs
courtesy of morgueFile.com</span></a>
<a class="gallery slideb" href="#nogo"
title="Funnels"><span><img src="pic3.jpg" alt="Funnels"
title="Funnels" /><br />pic3.jpg<br />Photographs
courtesy of morgueFile.com</span></a>
<a class="gallery slidec" href="#nogo"
title="Vases"><span><img src="pic4.jpg" alt="Vases"
title="Vases" /><br />pic4.jpg<br />Photographs
courtesy of morgueFile.com</span></a>
<a class="gallery slided" href="#nogo"
title="Window"><span><img src="pic5.jpg" alt="Window"
title="Window" /><br />pic5.jpg<br />Photographs
courtesy of morgueFile.com</span></a>
<a class="gallery slidee" href="#nogo"
title="Cascade"><span><img src="pic6.jpg" alt="Cascade"
title="Cascade" /><br />pic6.jpg<br />Photographs
courtesy of morgueFile.com</span></a>
<a class="gallery slidef" href="#nogo"
title="Cascade"><span><img src="pic7.jpg" alt="Flowers"
title="Flowers" /><br />pic7.jpg<br />Photographs
courtesy of morgueFile.com</span></a>
<a class="gallery slideg" href="#nogo"
title="Cascade"><span><img src="pic8.jpg"
alt="Butterfly" title="Butterfly" /><br />pic8.jpg<br
/>Photographs courtesy of morgueFile.com</span></a>
<a class="gallery slideh" href="#nogo"
title="Cascade"><span><img src="pic9.jpg" alt="Birds"
title="Birds" /><br />pic9.jpg<br />Photographs
courtesy of morgueFile.com</span></a>
<a class="gallery slidei" href="#nogo"
title="Cascade"><span><img src="pic10.jpg" alt="Shells"
title="Shells" /><br />pic10.jpg<br />Photographs
courtesy of morgueFile.com</span></a>
<a class="gallery slidej" href="#nogo"
title="Cascade"><span><img src="pic11.jpg"
alt="Fishing" title="Fishing" /><br />pic11.jpg<br
/>Photographs courtesy of morgueFile.com</span></a>
</div>
</div>
<div id="info_right">
</div>
<br class="clear" />
</div> 
<div id="content">
</script>
</body>
</html>

I've had a similar "disappearing" image problem when trying to apply the retouch tool. I don't have the "create version when applying adjustments" preference checked though. Hopefully these issues are additional 3.0 bugs that will get fixed in 3.0.1. Be sure to report the issue to Apple using the "Aperture > Provide Aperture Feedback" menu item.

Similar Messages

Using Pages - Images disappear when not on the 'paper' part of display

using pages for a poster design - need to 'park' some images not on the page itself but to the side - when moved off the 'paper' disappear - just left with the 'outline indicators' - how can I keep the image visible whilst not on the 'page' I'm setting out?

Rod,
To simulate that behavior in Pages, open a blank Page Layout document and arrange the new document window to the side of your working document. To "park" a graphic, select and Command-X in the working document and Command-V in the "parking lot" documemt.
Jerry

Album images disappear when I transfer music to my iphone

Hello
Album images disappear when I transfer music to my iphone. I have my music lying in Apple Lossles format and transfer my music to my iPhone after iTunes har convert the music to AAC format. How do I get ITunes to transfer my music with album images?

I am so frustrated with my new iPhone 5 that I want to throw it against the wall. I did the turn in your iPhone 4 for an iPhone 5. They said to go to itunes and add your music. Well, I have been trying to do this for the last two days. I tried to call support but I have to pay an additional $49.99 to actually talk to someone. I need some one that can actually walk me through the steps. I read that you have to reset to factory and then go to itunes to get the thing to work. My question is - will I lose all my pics too? So what are the steps to reset to factory and then what do I do next (on iTunes). Please help if you know the answer. If I can't get my music, I plan to go back and turn in this phone and buy a different non-Apple phone!

In Premiere Pro CC 2014, the image disappears when I apply a mask of an effect. Why?

In Premiere Pro CC 2014, the image disappears when I apply a mask of an effect. Why?

Nevermind...
Fixe:
projects setting > switch Renderer.
Thanks

Image disappears when using transform function

In Photoshop CS6, all of a sudden my image disappears when I try to transform a selection. Why is this happening? It didn't happen before, so maybe I accidently changed some setting, but I have no idea what it could be.

Determine what make and model GPU you have, then go to the GPU maker's website and download the latest driver and follow their instructions to install it.

Why does a grouped image disappear when I ungroup it?

Why does a grouped image disappear when I ungroup it?

There are bugs hanging around for version after version after version. Hopefully it gets fixed but nobody knows when or if a bug will get fixed until it is.

Images "Disappear" When Moving a Project But Really They'r e Just Invisible

Last night I imported 442 images into a new project. I rated them, and edited about 40-50. This morning I moved the project within the same library. When I did so, all the images disappeared, sort of. The project appeared empty. I let it sit a couple of minutes, and undid the move to no effect.
I checked to see if a filter was blocking the images but it was not the problem. I checked the Project properties and it showed the images were all there (plus, I use referenced files and I hadn't deleted the CF card so worst case scenario I had all my originals). Also, when I displayed all the projects in a browser view window, the project showed up and I could sweep through all the thumbnails in the project browser. But again, if I selected the project and tried to see the images in either the browser, viewer, or split view, nothing showed up. No thumbnails, no file names, no empty thumbnails, nothing. The photos were sort of invisible.
I "solved" the issue by moving an image - any image - from another project into the problem project. Suddenly that photo and all the other images, were visible. Removing the random image did not recreate the problem.
Since I no longer have the problem I'm posting for 2 reasons: (1) to publish the problem and my fix in case anybody gets the same problem, and (2) to see if anybody knows what caused this and if there is a more direct fix than my weird indirect fix. Thanks.

I have had the same thing happen consistently. I import images into a default project. Then when I move the project into an organizational folder... all the images disappear. After a couple of panics, I have now realized that if I stay calm, close Aperture, then open it again, the pictures are all present. Quite a pain in the butt, but at least there is a work around. Albeit a bit scary .
Best,
Jim

Why does my image disappear when I click on it to enlarge?

I am using iPhoto '11, version 9.4.3 When I click on a single photo from an event to see and enlarge it, the image disappears, and what I see is a black screen with a large triangle and an exclamation point inside the triangle. What does this mean? I don't think the photo is actually disappeared because I can still see it in the smaller size.

Apply the two fixes below in order as needed:
Fix #1
1 - launch iPhoto with the Command+Option keys held down and rebuild the library.
2 - run Option #4 to rebuild the database.
Fix #2
Using iPhoto Library Manager to Rebuild Your iPhoto Library
1 - download iPhoto Library Manager and launch.
2 - click on the Add Library button and select the library you want to add in the selection window..
3 - Now that the library is listed in the left hand pane of iPLM, click on your library and go to the Library ➙ Rebuild Library menu option.
4 - In the next window name the new library and select the location you want it to be placed.
5 - Click on the Create button.
Note: This creates a new library based on the LIbraryData.xml file in the library and will recover Events, Albums, keywords, titles and comments. However, books, calendars, cards and slideshows will be lost. The original library will be left untouched for further attempts at fixing the problem or in case the rebuilt library is not satisfactory.
OT

Why does my image disappear when I create a slice?

I am trying to create a simple rollover where the font size is changed when the mouse hovers over the link. When I create a slice of the text area, the image disappears. Can anyone tell me why and how to correct this? I have viewed several tutorials, so I am confident that I have created the 2 states properly and am applying the slice correctly, but for some reason the image disappears in both states when I do.

Thanks, Jim. Can you tell me how I can determine if I have the correct slice type selected (image vs HTML)?

Image Disappears when Adding Adjustments in Aperture 3

I am experiencing odd behavior when using the adjustment tools in Aperture 3. I tried to crop an image and instead of staying on screen for me to finish the adjustment, the image disappeared. I was able to save it by undoing. I created a version of the image and I could crop that OK. I have Add New Version when Making Adjustments checked but it does not seem to be working.

I've had a similar "disappearing" image problem when trying to apply the retouch tool. I don't have the "create version when applying adjustments" preference checked though. Hopefully these issues are additional 3.0 bugs that will get fixed in 3.0.1. Be sure to report the issue to Apple using the "Aperture > Provide Aperture Feedback" menu item.

How do I stop a notify icon appearing multiple times... then disappear when mouse hovers over them

Hi,
[Re-posted
from Outlook Dev Forum]
I have an Outlook addin which makes use of a System.Windows.Forms.NotifyIcon to display update message without requiring the user to click Okay to dismiss them...etc.
I declare and create it in the addin class (so not in start up or any other event) as:
Public WithEvents notifyIcon As New System.Windows.Forms.NotifyIcon
Then throughout in my code if I need to display a message I use notifyIcon.ShowBalloonTip. This works great, and I run it off the main thread as well as a syncing background worker thread. The problem is that when I go down and expand the
system tray, there are often many clones of the icon I use, which then disappear when I hover my mouse over them.
I understand this isn't an uncommon problem, and it happens also with new email icons in the system tray. However, is there any way I can prevent this from happening, or best practices I need to abide by?
In the Shutdown event I use:
If notifyIcon IsNot Nothing Then
notifyIcon.Visible = False
notifyIcon.Dispose()
End If
Any help would be much appreciated, since I can't seem to find any definitive info elsewhere online.
Thanks!
Tom
Note: I don't actually use a windows form with the notifyIcon, I just declare it as above... not sure if that affects anything?

Would this be the same as using the Application_Quit event for the Outlook addin? Since I've
seen that in Outlook 2010 onwards it doesn't call the Shutdown event now anymore, so you need to use the Quit event of the application to do any tidy up. Maybe that is why the icons are remaining.
Thanks,
Tom
Hello,
Wyck has shared a nice example with a form event, and for outlook 2010, we could deal with that notifyIcon inside application quit event.
Based on the document below you shared, it seems that you have found the reason, if that issue still exists, please feel free to let us know.
https://msdn.microsoft.com/en-us/library/office/ee720183(v=office.14).aspx
Regards,
Carl
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

On fcp6 - all of a sudden my titles and images disappear when timeline stops. Can't edit or see titles.

titles and stills work fine in playback, but disappear when timeline stops. Can't edit titles. Can't find how to bring things back. restarted FCP and Mac.

Second image shows outline of title over background image. All images are .jpg finished in Photoshop as I normally do. They worked fine during the first half hour of editing.

Images Disappear when creating PDF

When creating a PDF out of InDesign we are having issues with images diappearig when Postscript Overprint / Overprint Preview is on. When printing images also do not show up. When viewing in Reader Images do not show up. Has anyone run into this issue, we are running CS3 & CS4. Any help will be appreciated

Most likely cause is that the images are set to non-printing in some way, either inidvidually through the Atrributes Panel, or they're on a layer that is set to non-printing.

Folio images disappear when viewed in content viewer

Hi, I am currently having a problem with most of the pdf images in the folio disappearing when viewed in content viewer on the iPad.
I'm using Adobe CS5.5 in layouting the folio.
Does anyone know how to fix this problem? Thanks.

If the images are visible when previewing through Folio Preview option, try reinstalling Folio producer tools and Folio builder Panel and reinstall Adobe content viewer. That might fix this.

Background Image Disappear When Refreshing

Hi,
Recently, I encounter a problem for building my application. I define my own background for my application in formsweb.cfg. The background load the first time I access the page, but it disappears when I press refresh button. So, can anyone tell me why and how can I going to fix it? Thank you.
Ramon

Ramon,
you don't specify a Forms version number, which makes it harder for us to help. It could be a problem in a Forms version that may be fixed in a subsequent patch. Without Forms release numer however, I cant tell. I suggest you contact customer support at metalink.oracle.com
Frank

Gallery image disappears when not hovering

Similar Messages

Maybe you are looking for