Ergebnis 1 bis 8 von 8
  1. #1
    tobi_wan_knobi ist offline Grünschnabel
    registriert
    22-08-2004
    Beiträge
    4

    Unhappy Java Bild Zoomen -> brauche hielfe mit dem script

    Hallo hab ein halb wegs brauchbares Script zum Bild Zoomen gefunden.
    Mein Problem ist jetzt aber das es nur zwei Zoom Stufen gibt.
    Wer hat genug Ahnung von Java um das Script zu erweitern um 3 oder noch mehr
    Zoom-Stufen einzubauen?

    Hier ist der Original Artikel:


    ============================================================
    Script: Instant Image Zooming

    Functions: This script can zoom-in/zoom-out any image in
    your page by clicking on the image.

    Browsers: NS6+, IE.all (NS4 degrades gracefully)

    Author: etLux
    ============================================================

    INSTRUCTIONS:

    Step 1.

    Put the following script in the <head>...</head> section of
    your page:

    <script>
    // C.2004 by CodeLifter.com
    var nW,nH,oH,oW;
    function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
    oW=whichImage.style.width;oH=whichImage.style.height;
    if((oW==iWideLarge)||(oH==iHighLarge)){
    nW=iWideSmall;nH=iHighSmall;}else{
    nW=iWideLarge;nH=iHighLarge;}
    whichImage.style.width=nW;whichImage.style.height=nH;
    }
    </script>

    Step 2.

    Attach the function to your image with an onclick event, as
    shown below:

    <img
    border="0"
    src="yourimage.gif"
    width="100"
    height="100"
    onclick="zoomToggle('100px','100px','200px','200px',this);"
    >

    Set the variables in the function call:

    1st is the small width
    2nd is the small height
    3rd is the large width
    4th is the large height

    (The 'this' at the end should not be changed.)

    FAQS:

    You *can* use this on more than one image in the page.
    Just attach the function to each image, as per the example
    code above.

    The starting size of the image as set with width= and
    height= in the <img etc> tag and the small width and
    height in the function *may* be different if you wish.
    View-source on the popup demo on this page for an example;
    see the second image instance in the demo.

    Cautionary Note:

    Be careful to observer the syntax in the function call
    exactly as shown, including the single ' quote marks and
    the px after each dimension!

    ============================================================
    (entnommen von: http://www.codelifter.com/main/javas...oomimage.shtml)
    falls ihr dort nochmal nachschauen wollt.

    Hoffe ihr könnt mir helfen.

  2. #2
    Microkotz ist offline Foren-Gott
    registriert
    01-12-2002
    Ort
    Germany --> Baden-Württemberg
    Beiträge
    2.240

    AW: Java Bild Zoomen -> brauche hielfe mit dem script

    wie willst du entscheiden, welche Zoomstufe gewählt werden soll?
    das script zu erweitern ist kein Problem. Vorher sollte ich das mit der Zoomstufe wissen
    [size=1]Ehe == errare humanum est == irren ist Menschlich
    # define god root

  3. #3
    tobi_wan_knobi ist offline Grünschnabel
    registriert
    22-08-2004
    Beiträge
    4

    AW: Java Bild Zoomen -> brauche hielfe mit dem script

    Bei der Quelle :
    http://www.codelifter.com/main/javas...oomimage.shtml
    (gibts ne demo)

    wird das Bild gezoom indem man drauf klickt.
    Ich will dann aber noch ne zweite option per Zoom-Button bereitstellen.
    Also die Stufen sollen beim klicken durchlaufen werden. (klein -> mittel -> groß -> sehr groß ...)

  4. #4
    Microkotz ist offline Foren-Gott
    registriert
    01-12-2002
    Ort
    Germany --> Baden-Württemberg
    Beiträge
    2.240

    AW: Java Bild Zoomen -> brauche hielfe mit dem script

    HTML-Code:
    <html>
    <script language="Javascript">
    function zoom(iWideKlein,iHighKlein,iWideMittel,iHighMittel,iWideGross,iHighGross,iWideSGross,iHighSGross,oH,oW,id){
    if ((oW==iWideGross)||(oH==iHighGross)){
    nW=iWideSGross;
    nH=iHighSGross;
    } 
    if ((oW==iWideMittel)||(oH==iHighMittel)) {
    nW=iWideGross;
    nH=iHighGross;
    }
    if ((oW==iWideKlein)||(oH==iHighKlein)) {
    nW=iWideMittel;
    nH=iHighMittel;
    }
    if((oW==iWideSGross)||(oH==iHighSGross)) {
    nW=iWideKlein;
    nH=iHighKlein;
    }
    document.getElementById(id).style.width = nW;
    document.getElementById(id).style.height = nH;
    }
    </script>
    <body>
    <img id="Bild1" src="http://www.codelifter.com/main/javascript/zoomBimage.gif" height="100" width="100" onClick="zoom(100,100,200,200,300,300,400,400,this.height,this.width,this.id);">
    
    </body>
    </html>
    Hier mal ne andere Version.
    Um die auf Button laufen zu lassen, hab ich jetzt keine Zeit. Vielleicht hilft sie dir.
    [size=1]Ehe == errare humanum est == irren ist Menschlich
    # define god root

  5. #5
    Avatar von .holger
    .holger ist offline Lounge-Member
    registriert
    22-04-2001
    Ort
    HB und Zw'ahn
    Beiträge
    5.789

    AW: Java Bild Zoomen -> brauche hielfe mit dem script

    @tobi nur ma so neben bei: das ist kein Java sondern JavaScript - das ist was anderes! (den Fehler machen aber viele)

  6. #6
    tobi_wan_knobi ist offline Grünschnabel
    registriert
    22-08-2004
    Beiträge
    4

    AW: Java Bild Zoomen -> brauche hielfe mit dem script

    Danke ist nicht schlecht
    aber da gibt es noch ein kleines Problem,
    ich kann nur bilder zoomen die gleich breit und hoch sind, mit deiner Variante.

    Bei unterschiedlichen Höhen und Breitenangaben passiert gar nichts.

    Ich bräuchte den Zoom für Fotos usw. also unterschiedliche Abmessung.

  7. #7
    Microkotz ist offline Foren-Gott
    registriert
    01-12-2002
    Ort
    Germany --> Baden-Württemberg
    Beiträge
    2.240

    AW: Java Bild Zoomen -> brauche hielfe mit dem script

    du musst halt <img id="Bild1" ... height="100" width="100" onClick="zoom(100,100,200,200,300,300,400,400,this.height,this.width,this.id);"> dem Bild entsprechend anpassen. ID anpassen nicht vergessen!!
    [size=1]Ehe == errare humanum est == irren ist Menschlich
    # define god root

  8. #8
    tobi_wan_knobi ist offline Grünschnabel
    registriert
    22-08-2004
    Beiträge
    4

    AW: Java Bild Zoomen -> brauche hielfe mit dem script

    Hey Super, funktioniert alles



    hatte hier unterschiedliche werte:

    <img id="Bild1" ... height="100" width="100" onClick="zoom(100,100,200,200,300,300,400,400,this.height,this.width,this.id);">

Ähnliche Themen

  1. Java Script über Link aufrufen!
    Von mrbrainwave im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 06-12-2001, 14:54
  2. Antworten: 1
    Letzter Beitrag: 09-09-2001, 21:40
  3. Brauche mal schnelle hilfe bei dem script
    Von Brutus im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 09-03-2001, 16:22
  4. Probleme mit dem Script
    Von Peter im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 13-01-2001, 20:02
  5. Java Script zum verschieben von Links
    Von Marco im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 19-11-2000, 14:01

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •