Zoom für DIV

O

obama0815

Grünschnabel
Hallo Leute ich bräuchte mal wieder Hilfe :D

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
 
Zuletzt bearbeitet:
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: 
onmouseover="TJPzoom(this);

Denn wenn ich es so mache funktioniert es

HTML: 
<?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?
 
Zuletzt bearbeitet:
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 ;)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück