Imageready Newbie Question

DS
Posted By
Damien Sawyer
Aug 15, 2004
Views
679
Replies
9
Status
Closed
Hi,

I’m very new to the whole photoshop/imageready thing. I am just getting into ‘rollovers’ and ‘slices’.

The page I’m working on is at
http://www.student.ecel.uwa.edu.au/~dsawyer/V2/index.html if anyone would like to refer to it whilst reading this.

Basically, I am developing a web application that will have active pages running ASPX code. When the user clicks onto ‘Synopsis of the Musical’, ‘about the authors’ and the dozen or so options I’m going to add I’d like to open up a HTML page inisde the dark purple transparent box that becomes visble ‘On Select’.

The way that I envisaged this would happen would that I would insert HTML inside the particular <TD> tag with the page that I wanted. I’m not sure if there is a HTML tag that allows you to point directly to another page or if I’d have to generate this in server side script.

I was thinking that I would have the background image of cell set to the sliced gif that has the purple overlay on the building. I thought that I could generate a second, duplicate slice that lay exactly over the purple slice. In that text slice I could write something like this

<TABLE CELLPADDING=8 CELLSPACING=0 CLASS="images/MTA-Synopsis_sel.gif"> <TR> <TD>Insert My html in here… </TD> </TR> </TABLE>

The problem that I’m having is that, whenever I create a duplicate slice over the purple layer, the slice file images/MTA-Synopsis_sel.gif is not generated… because it’s not visible.

Anyway – I’m getting a bit confused with all of this. If anyway knows an easy way to achieve what I’m after, I’d be greatly appreciative. I’m guessing that it’s a pretty standard thing to do…

Thanks in Advance,

Damien Sawyer

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

I
iehsmith
Aug 15, 2004
On 8/15/04 2:32 AM, Damien Sawyer uttered:

The way that I envisaged this would happen would that I would insert HTML inside the particular <TD> tag with the page that I wanted. I’m not sure if there is a HTML tag that allows you to point directly to another page or if I’d have to generate this in server side script.

OK, I’m not much of a web developer, but hey, I’m awake;) I think for the above you will need SSI, or PHP or the like.

I was thinking that I would have the background image of cell set to the sliced gif that has the purple overlay on the building. I thought that I could generate a second, duplicate slice that lay exactly over the purple slice. In that text slice I could write something like this
<TABLE CELLPADDING=8 CELLSPACING=0 CLASS="images/MTA-Synopsis_sel.gif"> <TR> <TD>Insert My html in here… </TD> </TR> </TABLE>

The problem that I’m having is that, whenever I create a duplicate slice over the purple layer, the slice file images/MTA-Synopsis_sel.gif is not generated… because it’s not visible.

OK, you have me completely confused. First, I don’t see any purple anything anywhere. Am I supposed to?

If your image is inside a cell (<TD><IMG SRC></TD>) it’s not a background, it’s occupying that space. It looks like you’re trying to toggle those images with javascript mouseovers, but if you get it to swap theses big images, that’s all that is going to occupy that space. I don’t see any actual layers. You would have to use CSS to make it an actual background of the cell; then when a link is clicked you could call your HTML in over the background. I assume that with layers the called HTML would contain the new overlay background. Not sure. I’m no CSS wiz, but I think you need to look in that direction with the use of DIV layers and styles.

This isn’t exactly it, but might help give you some ideas: http://www.meyerweb.com/eric/css/edge/complexspiral/demo.htm l http://www.meyerweb.com/eric/css/edge/

Not much help, sorry,
inez
DS
Damien Sawyer
Aug 15, 2004
Thanks for that. I’ve given up on using Imageready for it, however those links you sent were great!! 🙂

"iehsmith" wrote in message
On 8/15/04 2:32 AM, Damien Sawyer uttered:

The way that I envisaged this would happen would that I would insert
HTML
inside the particular <TD> tag with the page that I wanted. I’m not sure
if
there is a HTML tag that allows you to point directly to another page or
if
I’d have to generate this in server side script.

OK, I’m not much of a web developer, but hey, I’m awake;) I think for the above you will need SSI, or PHP or the like.

I was thinking that I would have the background image of cell set to the sliced gif that has the purple overlay on the building. I thought that I could generate a second, duplicate slice that lay exactly over the
purple
slice. In that text slice I could write something like this
<TABLE CELLPADDING=8 CELLSPACING=0 CLASS="images/MTA-Synopsis_sel.gif"> <TR> <TD>Insert My html in here… </TD> </TR> </TABLE>

The problem that I’m having is that, whenever I create a duplicate slice over the purple layer, the slice file images/MTA-Synopsis_sel.gif is not generated… because it’s not visible.

OK, you have me completely confused. First, I don’t see any purple
anything
anywhere. Am I supposed to?

If your image is inside a cell (<TD><IMG SRC></TD>) it’s not a background, it’s occupying that space. It looks like you’re trying to toggle those images with javascript mouseovers, but if you get it to swap theses big images, that’s all that is going to occupy that space. I don’t see any actual layers. You would have to use CSS to make it an actual background
of
the cell; then when a link is clicked you could call your HTML in over the background. I assume that with layers the called HTML would contain the
new
overlay background. Not sure. I’m no CSS wiz, but I think you need to look in that direction with the use of DIV layers and styles.
This isn’t exactly it, but might help give you some ideas: http://www.meyerweb.com/eric/css/edge/complexspiral/demo.htm l http://www.meyerweb.com/eric/css/edge/

Not much help, sorry,
inez
H
Hecate
Aug 16, 2004
On Sun, 15 Aug 2004 19:36:03 +1000, "Damien Sawyer" wrote:

Thanks for that. I’ve given up on using Imageready for it, however those links you sent were great!! 🙂
Another [piece of advice. Don’t *ever* click on the icon that says Image Ready. You’ll find web development a lot easier and more accurate that way. 🙂



Hecate – The Real One

veni, vidi, reliqui
T
tacitr
Aug 16, 2004
Another [piece of advice. Don’t *ever* click on the icon that says Image Ready. You’ll find web development a lot easier and more accurate that way. 🙂

I’ve been using ImageReady for a long time, with no problems. What difficulties do you see with it?


Art, literature, shareware, polyamory, kink, and more:
http://www.xeromag.com/franklin.html
H
Hecate
Aug 17, 2004
On 16 Aug 2004 18:00:43 GMT, (Tacit) wrote:

Another [piece of advice. Don’t *ever* click on the icon that says Image Ready. You’ll find web development a lot easier and more accurate that way. 🙂

I’ve been using ImageReady for a long time, with no problems. What difficulties do you see with it?

It’s clunky and inefficient. It doesn’t write very good code. It doesn’t compress any where as near as efficiently as Fireworks. In fact, it doesn’t do anything nearly as well as Fireworks. And Fireworks does so much more.



Hecate – The Real One

veni, vidi, reliqui
J
jjs
Aug 18, 2004
"Hecate" wrote in message
On 16 Aug 2004 18:00:43 GMT, (Tacit) wrote:

I’ve been using ImageReady for a long time, with no problems. What
difficulties
do you see with it?

It’s clunky and inefficient. It doesn’t write very good code. It doesn’t compress any where as near as efficiently as Fireworks.

The net gets faster, Fireworks makes tiny, tiny differences that the significant readership doesn’t see. Fireworks is just so friggin bad – web-targeted software that does not by default save as web images? Gimmie a break. It’s a sad sack of crap, Pure and Simple (PUS).
H
Hecate
Aug 18, 2004
On Tue, 17 Aug 2004 20:09:14 -0500, "jjs"
wrote:

It’s clunky and inefficient. It doesn’t write very good code. It doesn’t compress any where as near as efficiently as Fireworks.

The net gets faster, Fireworks makes tiny, tiny differences that the significant readership doesn’t see. Fireworks is just so friggin bad – web-targeted software that does not by default save as web images? Gimmie a break. It’s a sad sack of crap, Pure and Simple (PUS).
You’ve obviously never used it for any length of time or don’t understand how to use it because you don’t have the experience. I’ve been using it since v2 and I disagree with you completely.

Incidentally, the reason why the default is png is so that you have a file to go back to work on if you want to change anything. It’s like saving as a PSD in PS and then doing a Save As for the requirements you need.



Hecate – The Real One

veni, vidi, reliqui
J
jjs
Aug 18, 2004
"Hecate" wrote in message
On Tue, 17 Aug 2004 20:09:14 -0500, "jjs"
wrote:

It’s clunky and inefficient. It doesn’t write very good code. It doesn’t compress any where as near as efficiently as Fireworks.

The net gets faster, Fireworks makes tiny, tiny differences that the significant readership doesn’t see. Fireworks is just so friggin bad – web-targeted software that does not by default save as web images? Gimmie
a
break. It’s a sad sack of crap, Pure and Simple (PUS).
You’ve obviously never used it for any length of time or don’t understand how to use it because you don’t have the experience. I’ve been using it since v2 and I disagree with you completely.
Incidentally, the reason why the default is png is so that you have a file to go back to work on if you want to change anything. It’s like saving as a PSD in PS and then doing a Save As for the requirements you need.

Won’t it be nice when/if PNG becomes a standard that the browser coders friggin understand? But we agree to disagree. I see no sense in having Fireworks when one has already bought and paid for PS and IR. And yes, I have Fireworks, too.
H
Hecate
Aug 21, 2004
On Wed, 18 Aug 2004 18:42:52 -0500, "jjs"
wrote:

Incidentally, the reason why the default is png is so that you have a file to go back to work on if you want to change anything. It’s like saving as a PSD in PS and then doing a Save As for the requirements you need.

Won’t it be nice when/if PNG becomes a standard that the browser coders friggin understand?

That would be nice 🙂
But we agree to disagree.

Ok 🙂



Hecate – The Real One

veni, vidi, reliqui

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

Related Discussion Topics

Nice and short text about related topics in discussion sections