انا لدي زر لتبديل الصور
انا أريد ان اضغط ذلك الزر مرة فيبدل الصورة الاولى بالصورة الثانية و عندما اضغطه مرة اخرى يبدل الصورة الثانية
بالصورة ثالثة
انا لدي هذا الكود
$('.button').click(function() {
$('.z1').replaceWith($z2);
});
ال z2 هي متغير قيمته هي عنوان الصورة الثانية ,و ال z1 هي الصورة الاولى
لكن عندما وصلت إلى هذه المرحلة لم أعرف كيف (كيف يمكنني جعل الزر يبدل الصورة الثانية بالثالثة) يمكنني الإكمال
بحثت عن هذا كثيرا لكنني لم اجد شيء
كيف يمكنني جعل الزر عندما اضغطه مرة ثانية يبدل من الصورة الثانية الى الثالثة؟
هل هذا ممكن؟
أرجو المساعدة و شكرا
var firstClick = true;
$('.button').click(function() {
if (firstClick){
$('.z1').replaceWith($z2);
firstClick = false;
}else{
$('.z2').replaceWith($z3);
firstClick = true;
}
});
بكل بساطة عرّفنا متغير من نوع Boolean لمعرفة ترتيب الضغطة على الزر، والبداية بكل تأكيد ستكون أنها الضغطة الأولى.
بعد الضغط على الزر قمنا بتفقد الترتيب، هل هو أول مرة؟ إذا كانت النتيجة نعم استبدل لي الصورة الأولى بالثانية وغيّر الترتيب أيضًا واجعله ليس الأول، أما إذا لم يكن الترتيب أول مرة فهذا يعني أن الضغط على الزر يقوم بتغيير الصورة الثانية بالثالثة.
التعليقات