Lupe für Bild
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
arbeiten
aufwand
ausschnitt
beschriftung
bild
code
container
demo
eintragen
grafik
hilfe
http
index
landkarte
latein
leute
lupe
page
position
projekt
-
Hi Leute
Ich bin auf der Suche nach einer Lupe für Bilder...
Es soll ein sehr einfaches Script sein wo ich nur noch das Bild einfügen muss. In der linken Seite soll eine verkleinerte Version des Bildes sein und in der rechten ein vergrößter Ausschnitt des Bildes abgebildet sein.
Könnt ihr mir dabei weiterhelfen?
Gruß
Onemillion -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich weiß zwar nicht wie deine Seite aufgebaut ist, aber davon ausgehend das links eine Liste an Bildern ist und rechts dann ein großes jeweils angezeigt werden soll würde es wie folgt aussehen.
JavaScript:
function showImgZoom(imgName) { var zoomImg = document.getElementById('imgZoom'); if (zoomImg != null) zoomImg.src = './img/'+imgName+'.jpg'; }
HTML:
<div> <img src="./img/thumbs/meinBild.jpg" onclick="showImgZoom('meinBild');" /><br /> <img src="./img/thumbs/meinBild1.jpg" onclick="showImgZoom('meinBild1');" /><br /> <img src="./img/thumbs/meinBild2.jpg" onclick="showImgZoom('meinBild2');" /><br /> <img src="./img/thumbs/meinBild3.jpg" onclick="showImgZoom('meinBild3');" /><br /> <img src="./img/thumbs/meinBild4.jpg" onclick="showImgZoom('meinBild4');" /><br /> </div> <img id="imgZoom" width="400" height="400" />
Wie auch immer das bei dir aussieht, für genaueres bräuchten wir mehr Infos.
Beitrag geändert: 15.8.2008 17:15:38 von evil-devil -
Es soll eine Lupe für ein einzelnes Bild sein...
Da das Bild sehr Stark vregrößert werden soll geht die Methode http://walter.bislins.ch/projekte/index.asp?page=JavaScript%3A+Lupe leider nicht
Kennt jemand etwas wo man nur einen Ausschnitt de Bildes vergrößert?
Z.B. Links das gesamte Bild und rechts der Auswahlberreich...??
Hoffe auf hilfe
Onemillion -
Naja, um etwas Ausschnittweise vergrößern zu können benötigst du eine entsprechend große Grafik die du dann in einem Ausschnitts-Container anzeigst. Das ist schon ein bisschen mehr Aufwand, da die Position über dem Quellbild abgefragt werden muss.
Ich dachte soetwas würde massig im i-net herumschwirren aber bisher fehlanzeige
Kennt niemand von euch solch ein fertiges Script wo ich einfach noch meine Bild eintragen muss (Egal ob Java Script; Flash; oder sonstetwas)
Gruß
Onemillion -
Wie wärs damit: http://www.ajaxdaddy.com/demo-loupe.html
-
Wenn du erklärst wie ich das auf ein Bild von mir übernehmen kann ist es perfekt
-
Da gibts doch n Link "Read more and Download" - Da wird das ja wohl hoffentlich beschrieben sein ;)
-
Da gibts doch n Link "Read more and Download" - Da wird das ja wohl hoffentlich beschrieben sein ;)
Hast du raufgeklickt???
Da steht ein Lateinischer Text...
Zwar hatte ich 4 Jahre Latein aber Computeranweisungen in Latein zu verstehen...
-
Ja, das Lorem ipsum.
Ein sehr beliebter Platzhalter Text...
Ich hab das gleiche Script noch mal wo anders gefunden.
http://www.netzgesta.de/loupe/
Da steht auch wie man es bedient und die Grafiken sind da auch. -
Ok
habs probiert aber mich an irgendeinem Punkt zu blöd angestellt...
Wie findet ihr diese Lösung?
Ich finde sie gut
Werde noch an der Beschriftung arbeiten usw...
http://onemillion.lima-city.de/html/fireblade.html
Aber ich fand die idee nicht schlecht :P
Gruß
Onemillion
Beitrag geändert: 16.8.2008 18:31:41 von onemillion -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
