Variablenzugriff - jQuery

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Variablenzugriff - jQuery

    Hallo JavaScript-/jQuery-Experten!

    Bevor ich zum Problem komme, habe ich folgendes vor:
    Ich habe eine Slider- und Zoom-Funktion. Wenn ich das Bild mit Maus/iPad zoome, ändern sich verschiedene Werte, u.a. die Breite. Diese möchte ich abfangen und wenn diese größer ist als die Breite vom Original-Bild, dann soll die Slider-Funktion deaktiviert werden. Damit wenn ich zoome man nicht sliden/swipen kann.
    Fürs Swipen verwende ich Swipe JS (swipe.js) Bibliothek. Fürs Zoomen die Fine Zoom (codecanyon.net/item/fine-zoom/full_screen_preview/786237) Bibliothek.

    Nun zum Problem, wo mir bis jetzt keiner von vielen helfen konnte:
    Obwohl ich folgendes Script verwende, funktioniert das Sliden/Swipen trotzdem, obwohl das aktuelle Bild gezoomt ist.

    Hier ist der Code:

    Quellcode

    1. slider = new Swipe(document.getElementById('magazine'), {
    2. callback: function() {
    3. x = slider.getPos();
    5. $('.pic').finezoom({
    6. maxZoom: 1,
    7. zoomStep: 2.2,
    8. sensivity: 10,
    9. toolbar: false,
    10. reset: $('#carousel-image-and-text2')
    11. });
    12. }
    13. });
    15. $(function() {
    16. var $pic=$('.pic'), start_width=$pic.width();
    18. $(window).resize(function() {
    19. if ($pic.width()>start_width) {
    20. slider.stop();
    21. }
    22. });
    23. });
    Alles anzeigen


    Nach diesem Prinzip würde es gehen, macht aber keinen Sinn, da die "new_width"-Variable einen statischen Wert hat:

    Quellcode

    1. ...
    2. new_width = 366;
    3. start_wdith = width(); //Originalbreite ist 335 Px
    5. if (new_width>start_width) {
    6. slider.stop();
    7. }
    9. slider = new Swipe(document.getElementById('magazine'), {
    10. callback: function() {
    11. x = slider.getPos();
    13. $('.pic').finezoom({
    14. maxZoom: 1,
    15. zoomStep: 2.2,
    16. sensivity: 10,
    17. toolbar: false,
    18. reset: $('#carousel-image-and-text2')
    19. });
    20. }
    21. });
    22. ...
    Alles anzeigen


    Hoffe sehr, dass mir jemand bei diesem Problem helfen könnte!

    Wäre sehr dankbar!

    Surfer