• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
kingblog

نمایش عکس با انتخاب از منوبازشو با جکوئری

7 پست در این موضوع قرار دارد

سلام

من یک منو باز شو دارم که از 1 تا 10 داره و هر عدد برای نمایش یک تصویر است میخوام با جکوئری اگه هر یک از مقدارهای منو رو انتخاب کنیم، تصویر مورد نظر در کنارش نمایش داده بشه:


<select id="pandol" class="pandol"><option value="pandol.png">پيش فرض</option><option value="pandol1.png">1</option><option value="pandol2.png">2</option><option value="pandol3.png">3</option><option value="pandol4.png">4</option><option value="pandol5.png">5</option><option value="pandol7.png">6</option><option value="pandol7.png">7</option><option value="pandol1.gif">8</option><option value="pandol2.gif">9</option><option value="pandol3.gif">10</option></select>

ممنون میشم راهنمایی کنید

0

به اشتراک گذاری این پست


لینک به پست

به اشتراک گذاری این پست


لینک به پست

ممنون از راهنماییتون. ولی هر کاری کردم نشد

این کد وقتی روش کلیک میکنی عکس تغییر میکنه ولی نتونستم با کدهام استفاده کنم:


<img src="pandol.png" name="edit-save" onclick="this.src = pandol2.png'" />

میشه بیشتر راهنمایی کنید؟

0

به اشتراک گذاری این پست


لینک به پست

با جی کوئری:


$("#pandol").change(function() {
var v = $(this).val();
$("#edit-save").attr("src", v);
});

و کد تصویرتون


<img src="pandol.png" id="edit-save" >

2

به اشتراک گذاری این پست


لینک به پست

آقای فخار واقعا ممنون ازتون :)

1

به اشتراک گذاری این پست


لینک به پست

ببخشید دوباره این تاپیک رو بالا آوردم

راستش یه مشکل دیگه دارم خیلی هم سرچ کردم ولی بیشتر نتیجه ها مثلا کد ما رو بصورت alert نشون میداد و به جایی نرسیدم

من میخوام بجای مثال بالا که با انتخاب یک شماره، یک عکس نشون داده میشد، یک input ظاهر بشه یعنی اگه یک رو انتخاب کردیم ، کد زیر اجرا و نشون داده بشه(البته نه اینکه خود کد رو نشون بده بلکه یک فیلد متنی رو نمایش بده):


input type="text" id="chpic" name="chpic />

0

به اشتراک گذاری این پست


لینک به پست


<input id="text1" style="display:none">
<select class="selector">
<option value="#text1">شماره یک </option>
<option value="#text2">شماره دو</option>
</select>
<img class="selectorimg" src="img.jpg" data-id="#text1">
<script>
$(".selector").change(function() {
var id = $(this).val();
if($(id).is(":hidden")) {
$(id).show("slow");
}
});
/*=====*/
$(".selectorimg").click(function() {
var id = $(this).attr("data-id");
if($(id).is(":hidden")) {
$(id).show("slow");
}
});
</script>

در دو حالت یکی سلکتور یک منوی دروپدان باشه(value داشته باشه) و دومی هم سلکتور یک تصویر باشه یا هر عنصر دیگه ای باشه

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری