Dreamweaver Club Forums

Dreamweaver Club Forums (http://www.dreamweaverclub.com/forum//index.php)
-   Dreamweaver General (http://www.dreamweaverclub.com/forum//forumdisplay.php?f=168)
-   -   Photo album into on-line auction ads. Please Help! (http://www.dreamweaverclub.com/forum//showthread.php?t=28728)

Dream_Wamba 09-01-2008 09:45 PM

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?

edbr 09-02-2008 12:34 AM

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?

Dream_Wamba 09-02-2008 01:43 AM

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.http://www.dreamweaverclub.com/forum...ons/icon11.gif

edbr 09-02-2008 02:32 AM

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

Dream_Wamba 09-02-2008 02:57 AM

Thanks again edbr!

Dream_Wamba 09-02-2008 03:22 AM

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.http://www.dreamweaverclub.com/forum...ons/icon14.gif
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>


edbr 09-02-2008 03:24 AM

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]

Dream_Wamba 09-02-2008 03:31 AM

Yes, I noticed and reposted the (edited) code.

edbr 09-02-2008 03:36 AM

different from thisAttachment 451

Dream_Wamba 09-02-2008 03:37 AM

Yes. They are all this image:
http://universe-review.ca/I07-12-Sun.jpg


All times are GMT. The time now is 01:06 PM.

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