Hi,
I would like to replace the standard 'Loading...' message in
gfslideshow to an Ajax Loading gif.
I know how to do this straight forwardly but am having trouble with
the placement.
Instead of the regular top right position I am trying to position it
centered vertically and centered horizontally within the slideshow, in
other words, slap bang in the middle.
Here is the div that displays the slideshow, the standard setup.
<div id="slideshow" class="gss">Loading...</div>
Here is the css code for the gss class
.gss a img {border : none;}
.gss {
width: 400px;
height: 400px;
background-color: #ffffff;
padding: 4px;
margin: 0 auto;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}
As I have said, I can directly replace the 'Loading...' message easily
by this
<div id="slideshow" class="gss"><img src="imgs/loader.gif"></div>
I realise that I need a class for the loader.gif img tag, which I can
sort of fathom out to get it centered horizontally but I cannot figure
out how to also center it vertically.
Any help would be appreciated.
Regards..,
MT
--
You received this message because you are subscribed to the Google Groups
"Google AJAX APIs" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-ajax-search-api?hl=en.
