PDA

View Full Version : jQuery image magnify script



webdevelop
05-11-2010, 06:20 AM
1) Script Title: jQuery Image Magnify v1.1

2) Script URL (on DD): <img src="ocean.gif" class="magnify" style="width:200px; height:150px" />

3) Describe problem:
I am new to html and css,
I am trying to obtain enlargement of photo in my sites using Image Magnify v1.1
.
following the instruction found on the page of Image Magnify v1.1 ,I added the related file to the directory where I am writing the html page and i wrote the following html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
<title>My first web page</title>
<link rel="stylesheet" type="text/css" href="web.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="jquery.magnifier.js">

/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>
</head>

<body>
<h1>Quello che cazzo voglio</h1>

<div>
questo testo si trova dentro a una : div
<p>Questo testo e' dentro a un paragrapf : p </p>
e qui siamo ancora nella stessa div di prima, attorno al paragraph :p
</div>
<div>

Adesso mettiamo in questa div una foto
<p>...........................................</p>

<img src="file:RARE EARTH\Desktop\Esercizi HTML-CSS/Carro Tico.jpg" class="magnify" width="304" height="228" />

<p>...............................................</p>
e' la foto che vorrei usare nel sito di classified
</div>

</body>


...


when I try to see how it works with Firefox, everything appear except the image....where am I doing wrong?

many thanks for your help.

ddadmin
05-11-2010, 06:22 PM
Please post a link to the page on your site that contains the problematic script so we can check it out.

webdevelop
05-11-2010, 07:09 PM
Ok here is the Link:

http://www.gallery.directoryoftheosapeninsula.com/

Thanks a lot.

webdevelop
05-11-2010, 07:18 PM
ooopppssssss...

I feel very stupid......sorry!!
only now that i went to see the html in th server directory i saw that there were stillthe path for the picture in the PC....
I removed it and everything is working fine....
really happy...
now. next step:
how do I obtain the black background, around the enlarged picture?
can you help on this?

tahnks