Results 1 to 4 of 4

Thread: jQuery image magnify script

  1. #1
    Join Date
    May 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default jQuery image magnify script

    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
    </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.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    DD Admin

  3. #3
    Join Date
    May 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ok here is the Link:

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

    Thanks a lot.

  4. #4
    Join Date
    May 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •