6 replies [Last post]
synthripocus
Offline
newbie
Pacific Northwest
Last seen: 17 years 36 weeks ago
Pacific Northwest
Timezone: GMT-8
Joined: 2004-12-12
Posts: 8
Points: 0

Hey there,

I've got a test page up at http://scvfan.freelinuxhost.com and I'd like to have the image swap when you click the links as well as have the image title and the description change.

I was going to do it in javascript only but due to problems with each subject (art, photos, webdesign) being in a different folder I was wondering if anyone had any suggestions how to instead use css to handle the change?

Can I use a single id (for instance #maincol) with the link telling the css file to use data from .txt to populate that id?

Does what I'm asking even make sense? If anyone can help me I'd greatly appreciate it. (even if it ends up being the javascript method). I'd really like to somehow use a textfile to make updates faster though.

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 16 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Can I use CSS to swap images?

You need to be more specific - which page is it you mean? The index page, or a portfolio page?

Verschwindende wrote:
  • CSS doesn't make pies

synthripocus
Offline
newbie
Pacific Northwest
Last seen: 17 years 36 weeks ago
Pacific Northwest
Timezone: GMT-8
Joined: 2004-12-12
Posts: 8
Points: 0

Can I use CSS to swap images?

Oops I posted the wrong link that current link points to a filler page I haven't changed yet. The correct link is http://scvfan.freelinuxhost.com/portfolio

Basically I'd like to have the links in the #leftcol change the image, title and description change in the #maincol.

I'd also like to have the images in each section (artwork, photography, etc) be in a separate folder.

I know how to use javascript to do it if I have all the images in one folder but I'm not sure how to have one .js look in different folders depending on image links.

I'd also like to use a css style switcher so I can have both multiple styles as well as the ability to autodetect screensize and switch the layout accordingly (I run at 1600x1200 or on a laptop).

Since this is my design/photography portfolio I'd like to make a lean clean and beautiful page (yes the current layout isn't really beautiful yet but it'll get there).

Does that makes sense?

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 5 years 14 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

Can I use CSS to swap images?

Check Eric Meyer's website for "pure CSS popups"

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

synthripocus
Offline
newbie
Pacific Northwest
Last seen: 17 years 36 weeks ago
Pacific Northwest
Timezone: GMT-8
Joined: 2004-12-12
Posts: 8
Points: 0

Can I use CSS to swap images?

Excellent link! Thanks much. I'm fairly new to real usage of css, usually had used it for handling just margins, padding and font control. Using 100% css driven layouts is something I'm now completely in love with. Wish me luck on figuring out all the nuts and bolts now Smile

tom_de_schlong
tom_de_schlong's picture
Offline
Enthusiast
UK
Last seen: 10 years 39 weeks ago
UK
Joined: 2004-06-13
Posts: 92
Points: 0

Can I use CSS to swap images?

good look Laughing out loud

Want a free Ipod, live in the US or UK then please <a href="http//ipods.freepay.com/?r=21545802">check this out</a>. Plenty of people have already got one just search google for freeipods.com.

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 16 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Can I use CSS to swap images?

For a style swticher, check out www.alistapart.com.

Verschwindende wrote:
  • CSS doesn't make pies