Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium


Jpg fusion

Posted on 2003-03-05
Medium Priority
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
Question by:fusion2003

Expert Comment

ID: 8079107
I think for this you must consult a good graphic designer.

Accepted Solution

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.

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

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

This tutorial will discuss the log-in process using WhizBase. In this article I assume you already know HTML. I will write the code using WhizBase Server Pages, so you need to know some basics in WBSP (you might look at some of my other articles abo…
In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…
Suggested Courses

579 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