Oxmorepictures

Hallo Zusammen

Ich versuche die oxmorepictures.js so zu ändern, dass wenn ich mit der maus auf die produkticons auf der detailseite die bilder ohne klick wechseln.

mit .hover geht es leider nicht. hat jemand noch einen anderen tipp?`

( function( $ ) {

    oxMorePictures = {

        options: {
            iDefaultIndex  : -1
        },

        _create: function() {

            var self    = this,
                options = self.options,
                el      = self.element;

            $("li a", el).hover(function() {

                $("li a", el).removeClass("selected");
                $(this).addClass("selected");

                return false;
            });
        },

        _init: function() {
            var self    = this,
                options = self.options,
                el      = self.element;

            // checking which item should be selected
            if (options.iDefaultIndex != -1 && $("li a.selected", el).parent().index() != options.iDefaultIndex) {
                $("li a:eq("+ options.iDefaultIndex +")", el).trigger("hover");
            }
        }
    }

    $.widget( "ui.oxMorePictures", oxMorePictures );

} )( jQuery );

Bin für jede Hilfe dankbar.

Beste Grüsse
avni

Die oxmorepictures.js steuert nur den roten Rahmen, da muss in cloudzoom.js auch etwas geändert werden. Probier mal die angehängten Dateien.

hallo frank,

Ich wollte das schon lange haben. selber war ich da ziemlich auf den holzweg…

funktioniert perfekt. vielen, vielen dank.

beste grüsse
avni