Image zoom mit jQuery

Habe ich nach Ihr gesucht, was-plug-in verwendet diese 2 Seiten für die Bild auf dem ganzen Bildschirm anzeigen:

Ich bin auf der Suche nach einem jQuery-Modul (oder tutorial), dass würde etwas ähnliches tun. Beachten Sie, dass ich spreche über das gesamte BILD auf dem BILDSCHIRM, wenn Sie auf das Produkt Bild, nicht den "CloudZoom" - Funktion, wenn Sie Ihre Maus über dem Bild ist.
Ich bin derzeit mit der weit verbreiteten Lightbox-Modul mit CloudZoom, aber das Bild wird geladen Lightbox ist viel zu groß (weil das href-Punkte zu einem GROßEN Bild, für die CloudZoom zoom).

Was ich brauche, hier ist ein Bild, das verwendet die browser-Größe (nicht größer als die aktuellen browser, wie die lightbox erstellt einen undurchsichtigen dunklen hintergrund, der nur nimmt der browser die Höhe. Wenn mein Bild größer ist, kann der Benutzer nach unten scrollen, aber die lightbox dunklen hintergrund füllen nicht die Seite).

Vielen Dank für Eure Hilfe

InformationsquelleAutor Pascal Liu | 2012-03-05
  1. 3

    Hier ist der link auf die Sie bekommen können das Bild zoom-plugin, die Ihnen helfen könnten.

    Zoom-Effekt-plugin wie pro Ihre Beispiel 2

    UPDATE:

    Hier ist die jQuery fullscreen image-gallery

    • Danke für deine Antwort Freut sich Singh. Ich merkte, ich war nicht klar in meiner Frage, ich weiß das Modul, das verwendet wird, für das Bild Heranzoomen mit der Maus über, ich brauche ein Modul, dass die Griffe der Bild auf dem ganzen Bildschirm anzeigen, wenn Sie klicken Sie auf der Produkt-Bild (eine Art lightbox). Nochmals vielen Dank !
    • Ich sehe, danke für die fullscreen image-gallery!!! Sieht aus wie dies zu tun ! Es sieht aus wie mein Beispiel 1-link, außer Sie haben eine Funktion, die ermöglicht das scrollen nach oben und unten das Bild mit der position der Maus über das Bild. Glaubst du, ist das custom ? Dank
    • Jedes Ding ist custom wir können die Dinge acc auf unsere Anforderung.versuchen Sie es ändern Sie den code und css und erhalten Sie den genauen, was Sie wollen, aber es erfordert ein fundiertes wissen der Sprache. Vielen Dank für Ihre Unterstützung.
    InformationsquelleAutor w3uiguru
  2. 3

    Geben Sie auch Supersized einen Blick. Ich habe es für ein paar Projekte und hatte noch nie ein Problem mit ihm. Es ist sehr anpassbar.

    InformationsquelleAutor budoudoh
  3. 1

    Möchten Sie vielleicht check out "CloudZoom" die usess Bild Fliesen. Auf diese Weise Ihre original-Bild kann so groß sein, wie Sie wollen - 10mp, 20mp oder gar 100mp, wenn Sie mögen: http://www.ajax-zoom.com/examples/example20.php Vollbildmodus wird ebenfalls unterstützt, wenn Sie auf das Bild klicken,.

    InformationsquelleAutor Sven
  4. 0

    html

    <div id="Gpic1"><img id='table' src='http://i.imgur.com/7ESpNI8.jpg'></div>

    Jquery

    $('#Gpic1').hover(function(){
        $(this).find('img').fadeTo(500, 0.5);
    }, function(){
        $(this).find('img').fadeTo(500, 1);
    });

$('#table').click(function() {
        $('#Gpic1').find('img').fadeTo(0, 1);
        if($('#table').hasClass('enlarged')){
            $('#table').removeClass('enlarged');
            $("#table").stop().animate({width: 280, height: 187}, 200 );
        }else{
            $('#table').addClass('enlarged')
            $("#table").stop().animate({width: 800, height: 533}, 200 );
        }

    });

    css

    #Gpic1{
    width: 280px;
    height: 187px;
    display: block;
    background: black;
}

#table{
    width: 280px;
    height: 187px;
}

    Jsfiddl demo

    InformationsquelleAutor Jaydeep Gondaliya
  5. -1

    Haben Sie versucht: Berühren Sie Galerie?

    InformationsquelleAutor Thorgeir
Schreibe einen Kommentar