logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 09-01-2008, 10:45 PM   #1
Dream_Wamba
 
Join Date: Sep 2008
Posts: 17
Default Photo album into on-line auction ads. Please Help!

Hello DW forum,
I'm trying to use a photo album in on-line auction ads made in DW 4.0 with the images hosted on my server. Ideally, I would like to incorporate a small thumbnail gallery with rollover behaviour such as can be seen here: http://www.cssplay.co.uk/menu/photo_simple.html

and here... http://www.dynamicdrive.com/style/cs...e-viewer/P200/

Firstly, can anyone recommend software that will quickly generate the thumbnails and all the links?
I'm experimenting with Jalbum and Thumb Studio but not yet sure if these will make the rollover gallery.

Secondly,
I've made a web photo album from the Commands/Create Web Photo Album menu which of course produces a neatly arranged package of thumbnails but on a new DW page. My question is, how do I integrate the album code into an existing DW page layout? Whenever I try to combine the photo album code with my auction ad page code all images disappear.


Thanks in advance for any help!

Oh yeah... is there any way to get rid of all those ghastly image numbers, like DSC0258545.jpg?
Dream_Wamba is offline   Reply With Quote
Old 09-02-2008, 01:34 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

Quote:
My question is, how do I integrate the album code into an existing DW page layout? Whenever I try to combine the photo album code with my auction ad page code all images disappear.
code needed the code from your album page. If the imaged\s disappear then it is the paths to the image files I would think, are the two pages in different folders?
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-02-2008, 02:43 AM   #3
Dream_Wamba
 
Join Date: Sep 2008
Posts: 17
Red face

Thank you edbr for the reply - that's definitely a step closer. Making the album in the same folder as my primary page allows me to paste the album body code into my primary page and have the images appear. One problem though is that I can't find the right place to put the code. When I put the code at some places the the design view either becomes very wide or the album is above or below where I want it. With practice I'll probably get it to fit.

The images will appear in the browser but the album menu has its own 'Home' link which is likely to leave many visitors stranded from the first page.

Still trying to get the rollover thing going though. Standard thumbnails will do the job but so far the DW album seems very clunky and dated.
Dream_Wamba is offline   Reply With Quote
Old 09-02-2008, 03:32 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

Quote:
One problem though is that I can't find the right place to put the code. When I put the code at some places the the design view either becomes very wide or the album is above or below where I want it. With practice I'll probably get it to fit.
good start is to use code and view(split?) getting used to code is IMO important and not as daunting as it might seem at first

Post your code later if you cant get it right
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-02-2008, 03:57 AM   #5
Dream_Wamba
 
Join Date: Sep 2008
Posts: 17
Thumbs up

Thanks again edbr!

Last edited by Dream_Wamba; 09-02-2008 at 04:23 AM..
Dream_Wamba is offline   Reply With Quote
Old 09-02-2008, 04:22 AM   #6
Dream_Wamba
 
Join Date: Sep 2008
Posts: 17
Default

Thanks again edbr! I've worked with code for years but not professionally - I'm definitely not a guru. I managed to strip down the code from the css rollover page mentioned above and plug it into my page. It's a mess but the rollovers work and I can probably get it to look better.




I've posted the code but it needs a lot more cleaning. A lot of it is not needed (permission is given by the author to use it.) If I can get this arranged to the right side of a layout table I think the rest will be easy.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/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" />
<title> Stu Nicholls | CSSplay | A simple photograph gallery</title>
<meta name="Author" content="Stu Nicholls" />
<meta name="Keywords" content="cssplay, css, play, Cascading, Style, Sheets, opacity, layouts, navigation, menus, experiments,demonstrations, photo, photograph, gallery, slide, slideshow, picture, drop, down, pull, up, fly, out, free" />
<meta name="Description" content="CSS - Cutting edge Cascading Style Sheets. Experiments in CSS" />
<meta name="verify-v1" content="n3Dpx4NklZjg5p/Tq7h1q+Oj6Ml83crtkO/PwepVQ6Y=" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="meta" href="http://www.cssplay.co.uk/labels.rdf" type="application/rdf+xml" title="ICRA labels" />
<meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://cssplay.co.uk" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0) gen true for "http://www.cssplay.co.uk" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0))' />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.cssplay.co.uk/feed.xml" />
<style type="text/css">
#gallery {width:750px;}
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:185px; top:0; width:auto; height:auto; border:1px solid #000;}
</style>
</head>
<body id="www-cssplay-co-uk">
<div id="wrapper">
<div id="header">
<div id="botlink"></div>
</div>
<div id="showcase">
<div id="info">
<div id="gallery">
<ul>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
<li><a href="#nogo"><img src="http://universe-review.ca/I07-12-Sun.jpg" title="" alt="" /></a></li>
</ul>
</div>
<div id="adsie"></div>
</div>
</div>
<div id="content">
<div id="left_column">
<h3>&nbsp;</h3>
</div>
</div>
</div>
</body>
</html>

Last edited by Corrosive; 09-04-2008 at 05:15 PM..
Dream_Wamba is offline   Reply With Quote
Old 09-02-2008, 04:24 AM   #7
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

these links to style sheets are wrong. they point to your computer and will not be correct if uploaded.
[CODE


<link rel="shortcut icon" href="file:///C|/Documents%20and%20Settings/K/My%20Documents/index/Auction%20photos%20toro/favicon.ico" type="image/x-icon" />

<link rel="icon" href="file:///C|/Documents%20and%20Settings/K/My%20Documents/index/Auction%20photos%20toro/favicon.ico" type="image/ico" />

<link rel="stylesheet" media="all" type="text/css" href="file:///C|/Documents%20and%20Settings/K/My%20Documents/index/Auction%20photos%20toro/css/css_play.css" />

<link rel="stylesheet" media="all" type="text/css" href="file:///C|/Documents%20and%20Settings/K/My%20Documents/index/Auction%20photos%20toro/css/demos.css" />[/CODE]
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-02-2008, 04:31 AM   #8
Dream_Wamba
 
Join Date: Sep 2008
Posts: 17
Default

Yes, I noticed and reposted the (edited) code.
Dream_Wamba is offline   Reply With Quote
Old 09-02-2008, 04:36 AM   #9
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

different from thisAttachment 451
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas

Last edited by edbr; 10-02-2008 at 09:03 AM..
edbr is offline   Reply With Quote
Old 09-02-2008, 04:37 AM   #10
Dream_Wamba
 
Join Date: Sep 2008
Posts: 17
Default

Yes. They are all this image:
http://universe-review.ca/I07-12-Sun.jpg
Dream_Wamba is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:59 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com