ImageLens einbinden

    Hallo zusammen,

    zufällig jemand hier, der das jQuery Plug-In "ImageLens" schon mal erfolgreich in seine Webseite eingebaut hat?

    http://www.dailycoding.com/Posts/imagelen…ge_zooming.aspx

    Soweit ist eigentlich erst mal alles Klar damit, nur bin ich mir nicht sicher, wie ich am einfachsten den Befehl "<pre>$("#img_01").imageLens();</pre>" einbaue, und vor allem dann wo?

    Hinterlege ich das direkt im Bild, und wenn, dann wo?
    Muss ich es manuell in die default.html einbauen.

    Der Script " jquery.imagelens.js" kommt ja (denke ich) in den "_media" Ordner, wo ja auch schon das "jQuery" liegt.

    Oder mach ich gar einen kompletten Denkfehler beim Umgang damit, und es geht ganz anders, oder gar nicht, so wie ich mir das vorstelle?

    Bin natürlich auch offen gegenüber anderen Möglichkeiten eine "Bilderlupe" in eine Webseite einzubauen.

    Hoffe es kann mir hier jemand damit weiterhelfen.....

    Gruß
    Jochen

    Gruß
    Jochen

    Halo,

    kenne das PlugIn noch nicht, aber in den Beispielen, rufen die es direkt im header nach der einbindung des PlugIns auf (also in der default.html):

    Code
    <script src="jquery.imageLens.js" type="text/javascript"></script>	
<script type="text/javascript" language="javascript">	 
$(function () {	   
  ("#img_01").imageLens();	   
  $("#img_02").imageLens({ lensSize: 200 });	   
  $("#img_03").imageLens({ imageSrc: "sample01.jpg" });	   
  $("#img_04").imageLens({ borderSize: 8, borderColor: "#06f" });	
 });	 
</script>


    Das "#img_01" steht übrigens stellvertretend für die ID des entsprechenden bildes. Die Source für deine Bilder müsste demnach eine ID beinhalten:

    Code
    <img id="img_01" src="meinbild.jpg" />

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo Stefan,

    vielen Dank für die Infos!

    Ich werde das übers Wochenende mal versuchen, ob ich es hinbekomme.

    Werde dann dazu ein Feedback hier posten.

    Gruß
    Jochen

    Gruß
    Jochen

    Hallo schon wieder,

    jetzt ging es doch schneller als gedacht, da es mir keine Ruhe gelassen hat ;)

    Aber nicht mit dem ImageLens Script, sondern mit diesem hier: http://valid.tjp.hu/tjpzoom/

    Habe ne knappe Stunde mich eben mit dem ImageLens noch mal rumgequält und dann unterbrochen, und mich erneut auf die Suche in den Weiten des Internets begeben :) und dabei den tjpzoom gefunden, eingebaut und es ging sofort auf Anhieb!

    Der Script hat auch einige Funktionen zur Vergrößerung und vor allem eine bessere Anleitung, die einiges einfacher macht.

    Gruß
    Jochen

    Gruß
    Jochen

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden