PDA

View Full Version : Cross Browser Fade With Default Image--Image Thumbnail Viewer II



johnwboyd
04-12-2008, 05:38 AM
I would love it if I could get this cross fade effect to work in Firefox and also have my title slide show upon load instead of blank. Can anyone help please?

rangana
04-12-2008, 05:58 AM
Put whatever image you want to load by default here:


<div id="loadarea" style="width: 600px">
<img src="http://www.digitalphotoguides.com/tuts/background-removal.jpg" alt="this is my image" />
</div>


This effect, as I thought works on both browser..in what way it does'nt work on firefox?..Could you show a link... ;)

Hope that helps :)

johnwboyd
04-12-2008, 09:23 AM
Thanks buddy that worked. What i meant by cross fade working in firefox is the fade in and out effect which works in ie.

Now if only i can get the lightbox to work!

The lighbox test page:
https://www.t2wc.com/members/johnwboyd/test.html

What i want to load in the lightbox:
https://www.t2wc.com/members/default/opportunity_presentation.html

Where I got the lightbox code:
http://particletree.com/features/lightbox-gone-wild/

rangana
04-12-2008, 10:58 AM
I tested on both FF and IE7, but seems identical reaction ;)

...Could you please explain further about the problem ;)

johnwboyd
04-12-2008, 11:00 AM
It's supposed to fade across when a new image loads in ie. It may not be working now. but that's the least of my worries as the hover link isn't even working at all in the lightbox now. Maybe you can help?

rangana
04-12-2008, 11:46 AM
There are a lot of pointers that I would address:

1.) Change your lightbox div in your lightbox.css: (highlighted are the ammendments)


#lightbox{
display:none;
position: absolute;
top:50%;
left:50%;
z-index:9999;
width:670px;
height:600px;
margin:-220px 0 0 -340px;
border:1px solid #fff;
background:#C0C0C0;
text-align:left;
}


2.) You might find it useful to declare a body element in your css in default.css:


body{
margin:30px 0 30px 0;
text-align:center;
background-color:#62E122;
}


3.) I've tested this, but seems not working on FF, can't figure out what's the mess...a number of prototypes to scan :confused:

4.) Your secured page https failed allow the hover on remove access (ex. lightbox)...I've tested with particletree.com's own code ;)

5.) You might find DD's Lightbox (http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm) a resort for change :)

...Hope that helps ;)

johnwboyd
04-12-2008, 03:26 PM
i got it to work with an iframe. the problem i'm having now is getting the lightbox to frame the graphics well in both browsers.