tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
197
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    obama0815 obama0815 ist offline Rookie
    Registriert seit
    Aug 2011
    Beiträge
    6
    Hallo Leute ich bräuchte mal wieder Hilfe

    Ich benutze folgendes Plugin http://valid.tjp.hu/tjpzoom/index_en.html um in ein Bild zu zoomen.

    Dass ganze funktioniert aber nur für Bilder und ich bräuchte irgendwas identisches für DIV's.
    Da ich über dem Bild noch weitere DIV's habe die mit Bildern gefüllt sind und dementsprechend nicht mit gezoomt werden.

    Bitte um Hilfe und bedanke mich schonmal im Vorraus.

    Edit: Hier das Plugin zum Download
    Geändert von obama0815 (27.09.11 um 16:28 Uhr)
     

  2. #2
    Jeremy1 Jeremy1 ist offline Rookie
    Registriert seit
    Sep 2011
    Beiträge
    8
    Also wenn ich dich richtig verstanden habe willst du bei all deinen Bilder auf der Seite den Zoom-Effect haben! Ich hab mir das Plugin nur schnell angesehen und deshalb glaube ich das du nur bei jedem img einen mouseover Effect einsetzen muss!
    Code :
    1
    
    onmouseover="TJPzoom(this);

    Denn wenn ich es so mache funktioniert es

    HTML-Code:
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>valid.tjp.hu - TJPzoom 3 - JavaScript / CSS / DOM image magnifier - Tutorial</title>
    <style type="text/css">
    </style>
    <script type="text/javascript" src="tjpzoom.js"></script>
    </head>
    <body>
    
    
    <div style="margin:20px">
    <img src="http://valid.tjp.hu/zoom/collage.jpg" onmouseover="TJPzoom(this);" alt="" />
    </div>
    
    <div>
    <img src="test.jpg" style="width:640px; height: 480px;" onmouseover="TJPzoom(this);" />
    </div>
    
    <div style="float:right">
    <img src="test.jpg" style="width:640px; height: 480px;" onmouseover="TJPzoom(this);">
    </div>
    <div style="clear:both"></div>
    
    <div>
    <img src="test.jpg" style="width:640px; height: 480px;" onmouseover="TJPzoom(this);">
    </div>
    <div>
    <img src="test.jpg" style="width:640px; height: 480px;" onmouseover="TJPzoom(this);">
    </div>
    
    </body>
    </html>
    Oder werden die Bilder dynamisch ein und willst das sie automatisch den Zoom haben?
    Geändert von Jeremy1 (04.10.11 um 12:57 Uhr)
     

  3. #3
    obama0815 obama0815 ist offline Rookie
    Registriert seit
    Aug 2011
    Beiträge
    6
    Vielen Dank erstmal für deine Antwort, leider geht dass nicht so ganz wie du es meinst.
    Hatte ich bereits probiert.
    Also im Hauptdiv ist eine Karte zu sehen. Auf diese Karte werden dynamisch andere DIV's(Icon's) erzeugt/geladen.
    Nun möchte dass ich alles aufeinmal zoomen kann, sprich wenn ich in das Bild zoome, dass er mir die Icons auch mitzoomt.

    Kurz und knapp: Ich brauche eine Möglichkeit wie ich eine Lupe für ein Div einbauen kann und nicht nur für ein Image
     

Ähnliche Themen

  1. top cam und zoom
    Von wayne42 im Forum Cinema 4D
    Antworten: 3
    Letzter Beitrag: 16.12.07, 02:32
  2. Zoom Funktion...
    Von SonMiko im Forum Flash Plattform
    Antworten: 5
    Letzter Beitrag: 30.04.06, 21:19
  3. Zoom bei AE
    Von Dori2k5 im Forum Videoschnitt, Videotechnik & -produktion
    Antworten: 9
    Letzter Beitrag: 04.04.06, 17:58
  4. Zoom
    Von Vasquez im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 5
    Letzter Beitrag: 16.04.04, 09:59
  5. Zoom
    Von Moartel im Forum 3D Studio Max
    Antworten: 4
    Letzter Beitrag: 31.01.02, 19:29