navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Alternative suggestions requested

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> Alternative suggestions requested 		Page: [1]
 
_gail

 

Posts: 2876
From: So FL
Status: offline

  		Alternative suggestions requested - 8/5/2002 8:07:05   

Almost 200 additional photos will be added to this site www.bellaumbrella.com (handle of each umbrella).

The client would like a second link placed on each pop-up window which will bring up another pop-up containing a photo of the handle (click on " view large image" within a category to see a pop-up). While this is doable, I' m not sure it' s the best route because a visitor will have to close two open windows.

I could add a small photo insert but that will take away from the look of each umbrella. I can make the window larger and add another picture. Not sure I like this idea from a visual perspective.

I' ve also thought about making a rollover, where a visitor would place their cursor over the pic of an umbrella and it would change to a pic of it' s handle. Though I don' t know how to do this (yet), I feel it may be the best alternative IF it does not add a lot more to the load time.

Any thoughts and/or other suggestions would be very much appreciated?

thanks, gail
Mike54

 

Posts: 4791
Joined: 3/26/2001
From: Way Up Over
Status: offline

  		RE: Alternative suggestions requested - 8/5/2002 10:46:57   
Hi Gail,

Your galleries pages appear to have room enough for another column. How about having an (empty) field at the end of each row where the handle image would show when the visitor moused over the thumbnail of the umbrella? That way the visitor would be able to see the handle at the same time as the umbrella. I know I' ve run across a javascript somewhere that will allow that. I guess I' ll have to go to the " Spooky Resource Page" and root around.

On second thought that seems like a whole lot of work when you could put the mouseover script in the " View Larger Image" popup where it should do very little to the load time. Just forget what I said above:)

< Message edited by Mike54 -- 8/4/2002 10:58:51 AM >

_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to _gail)
_gail

 

Posts: 2876
From: So FL
Status: offline

  		RE: RE: Alternative suggestions requested - 8/5/2002 11:02:27   
quote:

ORIGINAL: mike54
I know I' ve run across a javascript somewhere that will allow that.


Thanks, Mike! If I recall correctly, didn' t you have some photo rollovers at the site which sold baby items?

I just discovered and tried " FrontPage' s Dynamic ' Swap picture' Effect" however it doesn' t seem to work in Netscape, at least not version 6.0 which is on my computer.

It would sure be lots easier to use a dynamic effect than adding javascript to 197 pages, but even if java is the method of choice, I think a rollover is preferable to the other choices I listed.

I don' t know much about rollovers and dynamic effects; a search didn' t bring up too much on the subject, so I' ve posted a question elsewhere.

thanks, gail

(in reply to Mike54)
Mike54

 

Posts: 4791
Joined: 3/26/2001
From: Way Up Over
Status: offline

  		RE: Alternative suggestions requested - 8/5/2002 12:27:51   
Once more into the breach :)

I think you' re trying to accomplish something like this?

This particular snippet want' s the images to be of equal size. I don' t know if it' s necessary but it does help keep things neat.

_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to _gail)
_gail

 

Posts: 2876
From: So FL
Status: offline

  		RE: RE: Alternative suggestions requested - 8/5/2002 13:31:02   
quote:

ORIGINAL: Mike54


I think you' re trying to accomplish something like this?

This particular snippet want' s the images to be of equal size. I don' t know if it' s necessary but it does help keep things neat.



Calvin, err, Mike, your example worked perfectly! Thanks ever so much!

However, getting mine to mouseover is an entirely different story. No can do yet [:j]

I cut and pasted your code and have been tweaking to try to get it to work. I think my main challenge is that I have several levels of folders where images are stored and sorted by categories. So I' m not quite sure where to change the code, or in how many places changes need to be made. The path is: images/large/1-large.image.jpg

Am I supposed to change this part of the code too?: (document.images)

Am I correct that the image on and image off images must be in the same directory?

The fact that I' m adding script to a popup window should not be the cause of it not working should it?!

Whew! This is NOT what I had hoped to be doing on this weekend but gotta figure something out real soon. :)

gail

(in reply to Mike54)
Mike54

 

Posts: 4791
Joined: 3/26/2001
From: Way Up Over
Status: offline

  		RE: Alternative suggestions requested - 8/5/2002 14:15:26   
I stuck a popup button on the previous link.
You will need to change the path to the image src (see the popup source).
The on off images do not need to be in the same directory (I just learned that 2 minutes ago [:p])

Hope this helps... :)


_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to _gail)
_gail

 

Posts: 2876
From: So FL
Status: offline

  		RE: RE: Alternative suggestions requested - 8/5/2002 17:07:51   
Guess I' ll join the ranks of those who confess online that a web thing can bring them to the point of tears. :)

Anyway, try as I may, I can' t get the rollover to work. Here' s what I' ve done:

<head>
<title>12cat1</title>

<script language=" JavaScript" >
<!--

if (document.images) {
image1on = new Image();
image1on.src = " ../images/handles/handle.jpg" ;

image1off = new Image();
image1off.src = " ../images/large/1-large/12cat1.jpg" ;


}

function changeImages() {
if (document.images) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments].src = eval(changeImages.arguments[i+1] + " .src" );
}
}
}

// -->
</script>

<link rel=stylesheet type=text/css href=../bella.css>
</head>


H E L P!

gail

(in reply to Mike54)
Mike54

 

Posts: 4791
Joined: 3/26/2001
From: Way Up Over
Status: offline

  		RE: Alternative suggestions requested - 8/5/2002 17:30:51   
Gail,

In the body where you want the image(s) do you have this?

quote:

<a href=" javascript:void(0)" <a onMouseOver=" changeImages(' image1' , ' image1on' )" onMouseOut=" changeImages(' image1' , ' image1off' )" href=" javascript:void(0)" >
<img name=" image1" src=" ../images/umbrella/1-large.image.jpg" alt=" What a beautiful bumbershoot." border=0 width=" 275" height=" 268" ></a>


It' s not just what' s in the head...

Sorry, if I got you confused, if I really knew what I was doing I could probably help better. Please don' t cry.:):):)

_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to _gail)
_gail

 

Posts: 2876
From: So FL
Status: offline

  		RE: RE: Alternative suggestions requested - 8/5/2002 19:45:50   
Hey Mike,

There' s no one person on this earth who could confuse me more than I was when I first posted this question. Your help, like that of so many others, has been invaluable!

In all honestly, today and part of Fri & Sat. have been the most frustrating days of my three years designing webs!!! About an hour ago I was just about ready to call it quits when, walla....

http://www.bellaumbrella.com/javatest.htm :)

But, it seems, I still have another challenge to get this baby to work:

The image is within a fixed-sized table on a page. So now I must figure out how to peeeeeeeerfectly insert the code into the proper place within the body. I think.

I hope this is doable.

Tomorrow....

gail


(in reply to Mike54)
Mike54

 

Posts: 4791
Joined: 3/26/2001
From: Way Up Over
Status: offline

  		RE: Alternative suggestions requested - 8/5/2002 20:04:57   
You go Gail...

I' m sure it' s doable for you. Hope it all works out well. :):)

< Message edited by Mike54 -- 8/4/2002 8:15:14 PM >

_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to _gail)
Mike54

 

Posts: 4791
Joined: 3/26/2001
From: Way Up Over
Status: offline

  		RE: Alternative suggestions requested - 8/6/2002 8:01:25   
Gail,

If in your body where the image is you...

quote:

Replace this ---> <img border=" 0" src=" ../images/large/1-large/12cat1.jpg" width=" 275" height=" 275" ></td>

With this ---> <a href=" pops/12cat1.htm" onmouseover=" image1.src=' images/handles/handle.jpg' ;"
onmouseout=" image1.src=' images/large/1-large/12cat1.jpg' ;" >
<img name=" image1" src=" images/large/1-large/12cat1.jpg" border=0 width=" 275" height=" 275" ></td>


I think your images will be right where you want them. You might also want to replace the href with href=" javascript:void(0)" so there isn' t any real link.

Hope it helps.

_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to _gail)
_gail

 

Posts: 2876
From: So FL
Status: offline

  		RE: RE: Alternative suggestions requested - 8/6/2002 8:54:09   
THANKS, Mike!!!

Almost there...except that the second image won' t appear.

http://www.bellaumbrella.com/pagoda.htm (click on first " View large image" .

I note there was no </a> in the code you gave me but gave it a try. Didn' t seem to make a difference. Changing href=" javascript:void(0)" didn' t help either but, of course, I can still be doing it wrong.

Any further suggestions...I' m soooo close!

gail



Here' s the code from the pop-up page:

<!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.0 Transitional//EN" >
<html>

<head>
<title>12cat1</title>

<SCRIPT LANGUAGE=" JavaScript" >

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin

image1 = new Image();
image1.src = " images/handles/handle.jpg" ;

// End -->
</script>

<link rel=stylesheet type=text/css href=../bella.css>
</head>


<body background=" ../images/layout/bkgrnd45.gif" >
<div align=" center" >
<center>
<table border=" 0" cellpadding=" 2" cellspacing=" 4" width=" 400" bordercolor=" #111111" height=" 150" >
<tr>
<td valign=" top" bgcolor=" #660033" colspan=" 2" height=" 15" width=" 380" >
<p align=" center" class=" pink" >12cat1</td>
</tr>
<tr>
</center>
<td valign=" top" align=" center" bordercolor=" #85582C" colspan=" 2" height=" 18" width=" 380" >
<a href=" pops/12cat1.htm" onmouseover=" image1.src=' images/handles/handle.jpg' ;"
onmouseout=" image1.src=' images/large/1-large/12cat1.jpg' ;" >
<img name=" image1" src=" ../images/large/1-large/12cat1.jpg" border=0 width=" 275" height=" 275" ></td>
</tr>
<tr>
<td valign=" top" width=" 196" >
<p align=" right" class=" footer" >Rental:</td>
<td valign=" top" width=" 197" >
<p class=" footer" >$10.00</td>
</tr>
<tr>
<td valign=" top" width=" 196" >
<p align=" right" class=" footer" >Retail:</td>
<td valign=" top" width=" 197" >
<p class=" footer" >$160.00</td>
</tr>
<center>
<tr>
<td valign=" top" colspan=" 2" height=" 16" width=" 380" >
<p align=" center" class=" footer" ><a href=" javascript:window.close();" >Close Window</a>
</td>
</tr>
</table>
</center>
</div>
</body>

</html>

(in reply to Mike54)
Mike54

 

Posts: 4791
Joined: 3/26/2001
From: Way Up Over
Status: offline

  		RE: Alternative suggestions requested - 8/6/2002 9:17:02   
When I right click on the " empty" 2nd image I see a path of
http://www.bellaumbrella.com/pops/images/handles/handle.jpg I believe the correct path is http://www.bellaumbrella.com/images/handles/handle.jpg (???)

In your body try ../images/handles/handle.jpg instead of images/handles/handle.jpg (also in the head for that one) and ../images/large/1-large/12cat1.jpg where you have images/1-large/12cat1.jpg (for the onmouseout) because the image doesn' t change back on mouseout.:)

I don' t know why the href=" javascript:void(0)" doesn' t work?

_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to _gail)
Mike54

 

Posts: 4791
Joined: 3/26/2001
From: Way Up Over
Status: offline

  		RE: Alternative suggestions requested - 8/6/2002 9:49:02   
Gail,

I copied the code from your popup page and pasted it into a clean page on one of my intranet servers. Changed the urls as shown below (in red) and it worked fine (including the javascript:void) This is quite the learning experience. :):):)
quote:

<!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.0 Transitional//EN" >
<html>

<head>
<title>12cat1</title>

<SCRIPT LANGUAGE=" JavaScript" >

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin

image1 = new Image();
image1.src = " http://www.bellaumbrella.com/images/handles/handle.jpg" ;
// End -->
</script>

<link rel=stylesheet type=text/css href=../bella.css>
</head>


<body background=" ../images/layout/bkgrnd45.gif" >
<div align=" center" >
<center>
<table border=" 0" cellpadding=" 2" cellspacing=" 4" width=" 400" bordercolor=" #111111" height=" 150" >
<tr>
<td valign=" top" bgcolor=" #660033" colspan=" 2" height=" 15" width=" 380" >
<p align=" center" class=" pink" >12cat1</td>
</tr>
<tr>
</center>
<td valign=" top" align=" center" bordercolor=" #85582C" colspan=" 2" height=" 18" width=" 380" >
<a href=" javascript:void(0)" onmouseover=" image1.src=' http://www.bellaumbrella.com/images/handles/handle.jpg' ;"
onmouseout=" image1.src=' http://www.bellaumbrella.com/images/large/1-large/12cat1.jpg' ;" >
<img name=" image1" src=" http://www.bellaumbrella.com/images/large/1-large/12cat1.jpg" border=0 width=" 275" height=" 275" ></td>
</tr>
<tr>
<td valign=" top" width=" 196" >
<p align=" right" class=" footer" >Rental:</td>
<td valign=" top" width=" 197" >
<p class=" footer" >$10.00</td>
</tr>
<tr>
<td valign=" top" width=" 196" >
<p align=" right" class=" footer" >Retail:</td>
<td valign=" top" width=" 197" >
<p class=" footer" >$160.00</td>
</tr>
<center>
<tr>
<td valign=" top" colspan=" 2" height=" 16" width=" 380" >
<p align=" center" class=" footer" ><a href=" javascript:window.close();" >Close Window</a>
</td>
</tr>
</table>
</center>
</div>
</body>

</html>


_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to _gail)
erinatkins

 

Posts: 3072
From: Mechanicsville VA USA
Status: offline

  		RE: Alternative suggestions requested - 8/6/2002 9:52:49   
Mike,

I am not sure how you have time for all this, plus to make all the great pictures you have done lately.:) I think a new title is in order - Jego' s 2nd. :):)



Erin

(in reply to _gail)
_gail

 

Posts: 2876
From: So FL
Status: offline

  		RE: Alternative suggestions requested - 8/6/2002 10:30:53   
RE: http://www.bellaumbrella.com/pagoda.htm (click on first & second " View large image" links) :)

What can I say, Mike?



:)


Attachment (1)

< Message edited by _gail -- 8/5/2002 9:09:37 PM >

(in reply to _gail)
Mike54

 

Posts: 4791
Joined: 3/26/2001
From: Way Up Over
Status: offline

  		RE: Alternative suggestions requested - 8/6/2002 10:54:46   
Gail,

I know you have some 196 or so pages to work on but I think we can get a little happy dance in. The things one can accomplish with a little patience and perserverence. :):)



:)

Attachment (1)

_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to _gail)
_gail

 

Posts: 2876
From: So FL
Status: offline

  		RE: RE: Alternative suggestions requested - 8/6/2002 18:54:34   
quote:

ORIGINAL: Mike54

:)


Thanks Mike. You' ve made my day! And, thanks, all.

I' m otta here.

gail

(in reply to Mike54)
_gail

 

Posts: 2876
From: So FL
Status: offline

  		RE: Alternative suggestions requested - 8/8/2002 13:21:16   
btw, here' s the code for " FrontPage' s Dynamic ' Swap picture' Effect."

gail

    HEAD:
    <script language=" JavaScript" fptype=" dynamicanimation" >
    <!--
    function dynAnimation() {}
    function clickSwapImg() {}
    //-->
    </script>
    <script language=" JavaScript1.2" fptype=" dynamicanimation" src=" ../animate.js" >
    </script>
    BODY:
    <a onmouseover=" document[' fpAnimswapImgFP1' ].imgRolln=document[' fpAnimswapImgFP1' ].src;document[' fpAnimswapImgFP1' ].src=document[' fpAnimswapImgFP1' ].lowsrc;" onmouseout=" document[' fpAnimswapImgFP1' ].src=document[' fpAnimswapImgFP1' ].imgRolln" href=" javascript:void(0)" >
    <img border=" 0" src=" ../images/large/1-large/18cat1.jpg" id=" fpAnimswapImgFP1" name=" fpAnimswapImgFP1" dynamicanimation=" fpAnimswapImgFP1" lowsrc=" ../images/handles/handle.jpg" width=" 275" height=" 275" ></a>



(in reply to _gail)
Page:   [1]

All Forums >> Web Development >> General Web Development >> Alternative suggestions requested 		Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts


Back to top

  Microsoft Corporation in no way endorses or is affiliated with "OutFront."
  OutFront is published and edited by Thomas Brunt.
  440 Great Circle Dr., St. Matthews, SC 29135.
  © 2008 All Rights Reserved
  Click here to view our privacy statement.