انا لدي زر لتبديل الصور

انا أريد ان اضغط ذلك الزر مرة فيبدل الصورة الاولى بالصورة الثانية و عندما اضغطه مرة اخرى يبدل الصورة الثانية

بالصورة ثالثة

انا لدي هذا الكود 

$('.button').click(function() {
    $('.z1').replaceWith($z2);
    });

ال z2 هي متغير قيمته هي عنوان الصورة الثانية ,و ال z1 هي الصورة الاولى

لكن عندما وصلت إلى هذه المرحلة لم أعرف كيف (كيف يمكنني جعل الزر يبدل الصورة الثانية بالثالثة) يمكنني الإكمال

بحثت عن هذا كثيرا لكنني لم اجد شيء

كيف يمكنني جعل الزر عندما اضغطه مرة ثانية يبدل من الصورة الثانية الى الثالثة؟

هل هذا ممكن؟

أرجو المساعدة و شكرا