Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problemi con un "Lens Zoom"

    Salve, stavo provando ad applicare un Lens Zoom preso dal seguente link:

    http://www.elevateweb.co.uk/image-zo...ples#lens-zoom

    Sembra abbastanza semplice, eppure non va a buon fine.
    Purtroppo non ho dimestichezza di java script, quindi penso ci sia qualcosa non scritta che mi sfugge.

    Ho trascritto il seguente codice nell' <head>
    <script>
    $("#zoom_07").elevateZoom({
    zoomType: "lens",
    lensShape: "round",
    lensSize: 200
    });
    </script>
    Nel Form, invece, l'oggetto Image.

    <img id="zoom_07" src="Img/Logo.jpg" data-zoom-image="Img/Logo.jpg"/>
    Qualcuno mi aiuta?

  2. #2
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Ho appena scaricato il plugin. L'ho messo per mia comodità nella directory virtuale tmp
    Questo il codice che funziona al primo colpo.

    codice:
    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="a.aspx.vb" Inherits="prove_a" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="/tmp/elevatezoom-master/jquery-1.8.3.min.js"></script>
        <script src="/tmp/elevatezoom-master/jquery.elevateZoom-3.0.8.min.js"></script>
    
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <img id="zoom_01" src="/tmp/elevatezoom-master/images/small/image1.png" data-zoom-image="/tmp/elevatezoom-master/images/large/image1.jpg"/>
            <script>$("#zoom_01").elevateZoom();</script>
        </div>
        </form>
    </body>
    </html>
    Pietro

  3. #3
    Ha funzionato. Grazie mille

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.