رفتن به مطلب

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


پست های پیشنهاد شده

سلام

من یک منو باز شو دارم که از 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>

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

لینک به ارسال

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

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


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

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

لینک به ارسال

با جی کوئری:


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

و کد تصویرتون


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

لینک به ارسال
  • 2 هفته بعد...

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

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

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


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

لینک به ارسال


<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 داشته باشه) و دومی هم سلکتور یک تصویر باشه یا هر عنصر دیگه ای باشه

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...