homepage Welcome to WebmasterWorld Guest from 54.167.173.250
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
click plus sign to load image on page below plus sign
potentialgeek




msg:3838507
 7:28 pm on Jan 30, 2009 (gmt 0)

What's the best way to do this with css? I'm trying to avoid javascript.

I want larger images loading below a thumbnail or plus sign [+], instead of using pop-windows, frames, or taking the user off the page (and having to hit the back button). I don't want to use Flash and I don't want image swapping by pre-loaded larger images (file sizes are too large). The user must be able to save the loaded images.

What are the different ways to do this?

p/g

 

swa66




msg:3838513
 7:37 pm on Jan 30, 2009 (gmt 0)

I doubt CSS alone will be able to help you with controlling what happens when you click on anything, that's the realm of scripting.
CSS has some (sometimes even elaborate) ability with hover, but afaik nothing with click.

korkus2000




msg:3838514
 7:37 pm on Jan 30, 2009 (gmt 0)

With just css you will be altering the display or visible properties of the image or its container(you will need javascript to alter the CSS). You will need JavaScript or another technology to load the image after the page has loaded(if that's what you are saying).

[edited by: korkus2000 at 7:38 pm (utc) on Jan. 30, 2009]

potentialgeek




msg:3838515
 7:38 pm on Jan 30, 2009 (gmt 0)

OK, thanks. I'll try the JS forum.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved