?
Solved

Jpg fusion

Posted on 2003-03-05
4
Medium Priority
?
180 Views
Last Modified: 2013-12-25
Can anyone explain me how to put many different pictures together and make it seemed as if they were originally together? Please, view the following website;

www.worldsfragrances.com (It is actually the group of fragrances on the top left side).  Thank you
0
Comment
Question by:fusion2003
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
4 Comments
 
LVL 2

Expert Comment

by:shirjeel
ID: 8079107
I think for this you must consult a good graphic designer.
0
 
LVL 1

Accepted Solution

by:
joeasp earned 200 total points
ID: 8096659
The page you referred to did the following to make it appear a few images were all one image.

1. They put the image with the colognes as you would with a regular image, the code looked like this:

<IMG src="main.jpg" width=383 height=125>

So if you want to can just put an image on the very bottom that would be the biggest one.

2. They figured out the number of pixels to the left and above the animated image talking about free shipping. Then they used DHTML to place that image above anything below it (the other image) with the following code:

<DIV style="position: absolute; top: 224px; left: 211px;"><IMG src="ship.gif"></DIV>

If you want several images above the one in '1.' then make several <div..</div> codes, like this:

<div style="position: absolute; top: 10px; left:10px;"><img src="topleft.jpg"></div>
<div style="position: absolute; top: 10px; left:20px;"><img src="topright.jpg"></div>
<div style="position: absolute; top: 20px; left:10px;"><img src="bottomleft.jpg"></div>
<div style="position: absolute; top: 13px; left:79px;"><img src="oddplaced.jpg"></div>

I believe that the last one you place in the code will be the one shown the 'highest' on the page.  So if you want one image to overlap another then put the code for that image after the others.
0

Featured Post

Create CentOS 7 Newton Packstack Running Keystone

A bug was filed against RDO for the installation of Keystone v3. This guide is designed to walk you through the configuration for using Keystone v3 with Packstack. You will accomplish this using various repos and the Answers file.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Recently I have been answering a lot of questions like this in IT forums that I frequent. The question posed is usually something along the lines of "We have software X installed and need to uninstall it for reason Y" or some other variant of the sa…
Batch, VBS, and scripts in general are incredibly useful for repetitive tasks.  Some tasks can take a while to complete and it can be annoying to check back only to discover that your script finished 5 minutes ago.  Some scripts may complete nearly …
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…
Suggested Courses

766 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question