$( document ).ready(function() { $(".rgb-button").addClass("rgb-button_active"); $('.rgb-button').on({ 'click': function(){ $("#change-image").fadeTo(600,0.4, function() { $("#change-image").attr("src",'https://cdn02.plentymarkets.com/b9ii2yeqv1f0/frontend/Produktcontent/Smart/led-beleuchtung-smart-farbenfroh-lichtfarbe-farbtemperatur-rgb.jpg'); $("#change-image").on('load', function(){ $("#change-image").fadeTo(200,1); }); }); $("#change-image-mobile").fadeTo(600,0.4, function() { $("#change-image-mobile").attr("src",'https://cdn02.plentymarkets.com/b9ii2yeqv1f0/frontend/Produktcontent/Smart/led-beleuchtung-rgb-smart-farbenfroh-lichtfarbe-farbtemperatur.jpg'); $("#change-image-mobile").on('load', function(){ $("#change-image-mobile").fadeTo(200,1); }); }); $(".akzente-button").removeClass('akzente-button_active'); $(".warm-button").removeClass('warm-button_active'); $(".neutral-button").removeClass('neutral-button_active'); $(this).addClass('rgb-button_active'); } }); $('.akzente-button').on({ 'click': function(){ $("#change-image").fadeTo(600,0.4, function() { $("#change-image").attr("src",'https://cdn02.plentymarkets.com/b9ii2yeqv1f0/frontend/Produktcontent/Smart/led-beleuchtung-smart-farbenfroh-lichtfarbe-farbtemperatur-akzente.jpg'); $("#change-image").on('load', function(){ $("#change-image").fadeTo(200,1); }); }); $("#change-image-mobile").fadeTo(600,0.4, function() { $("#change-image-mobile").attr("src",'https://cdn02.plentymarkets.com/b9ii2yeqv1f0/frontend/Produktcontent/Smart/led-beleuchtung-akzente-smart-farbenfroh-lichtfarbe-farbtemperatur.jpg'); $("#change-image-mobile").on('load', function(){ $("#change-image-mobile").fadeTo(200,1); }); }); $(".rgb-button").removeClass('rgb-button_active'); $(".warm-button").removeClass('warm-button_active'); $(".neutral-button").removeClass('neutral-button_active'); $(this).addClass('akzente-button_active'); } }); $('.warm-button').on({ 'click': function(){ $("#change-image").fadeTo(600,0.4, function() { $("#change-image").attr("src",'https://cdn02.plentymarkets.com/b9ii2yeqv1f0/frontend/Produktcontent/Smart/led-beleuchtung-smart-farbenfroh-lichtfarbe-farbtemperatur-warmweiss.jpg'); $("#change-image").on('load', function(){ $("#change-image").fadeTo(200,1); }); }); $("#change-image-mobile").fadeTo(600,0.4, function() { $("#change-image-mobile").attr("src",'https://cdn02.plentymarkets.com/b9ii2yeqv1f0/frontend/Produktcontent/Smart/led-beleuchtung-warmweiss-smart-farbenfroh-lichtfarbe-farbtemperatur.jpg'); $("#change-image-mobile").on('load', function(){ $("#change-image-mobile").fadeTo(200,1); }); }); $(".rgb-button").removeClass('rgb-button_active'); $(".akzente-button").removeClass('akzente-button_active'); $(".neutral-button").removeClass('neutral-button_active'); $(this).addClass('warm-button_active'); } }); $('.neutral-button').on({ 'click': function(){ $("#change-image").fadeTo(600,0.4, function() { $("#change-image").attr("src",'https://cdn02.plentymarkets.com/b9ii2yeqv1f0/frontend/Produktcontent/Smart/led-beleuchtung-smart-farbenfroh-lichtfarbe-farbtemperatur-neutralweiss.jpg'); $("#change-image").on('load', function(){ $("#change-image").fadeTo(200,1); }); }); $("#change-image-mobile").fadeTo(600,0.4, function() { $("#change-image-mobile").attr("src",'https://cdn02.plentymarkets.com/b9ii2yeqv1f0/frontend/Produktcontent/Smart/led-beleuchtung-neutralweiss-smart-farbenfroh-lichtfarbe-farbtemperatur.jpg'); $("#change-image-mobile").on('load', function(){ $("#change-image-mobile").fadeTo(200,1); }); }); $(".rgb-button").removeClass('rgb-button_active'); $(".warm-button").removeClass('warm-button_active'); $(".akzente-button").removeClass('akzente-button_active'); $(this).addClass('neutral-button_active'); } }); });