سوال در مورد "لایت باکس"

samanmalki · تیر 93

سلام من یبار دیگه سوال پرسیدم ولی اشتباه بمن پاسخ دادن

توی خیلی از سایت ها یه محصول رو با چندین عکس میزارن مثلا مثل سایت زیر و وقتی روی یه عکس پارچه کلیک میکنی عکس پارچه بزرگ نمیشه وعکس مبل بزرگ میشه با اون رنگ پارچه

مثلا سایت زیرhttp://moblema.com//product_%D9%85%D8%A8%D9%84%D9%85%D8%A7%D9%86_%D8%B1%D8%A7%D8%AD%D8%AA%DB%8C__%DA%A9%DB%8C%D9%85%DB%8C%D8%A7.html

میخوام بدونم چطوری اون عکس پارچه رو به عکس مبل لینک میکنند؟؟ که وقتی روی عکس کوچیک پارچه کلیک کنی اون عکس مبل لود میشه

کسی میدونه این کارو چطور باید با ورد پرس انجام داد؟

ویرایش شده تیر 93 توسط samanmalki

**Parsa** · شهریور 93

شما میتوانید با js آدرس تصویر بالا را تغییر دهید

نمونه:


<!DOCTYPE HTML>
<html>
    <head>
	    <title>Flags</title>
	    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    </head>
    <body>
	    <form name="CountryList" method="get">
		    <table>
			    <tr>
				    <td>
					    <input type="radio" name="country" onclick="updateProductImage('argentina.jpg')" />Argentina
					    <br />
					    <input type="radio" name="country" onclick="updateProductImage('australia.jpg')" />Australia
					    <br />
					    <input type="radio" name="country" onclick="updateProductImage('bolivia.jpg')" />Bolivia
					    <br />
					    <input type="radio" name="country" onclick="updateProductImage('cuba.jpg')" />Cuba
					    <br />
					    <input type="radio" name="country" onclick="updateProductImage('finland.jpg')" />Finland
					    <br />
					    <input type="radio" name="country" onclick="updateProductImage('france.jpg')" />France
					    <br />
					    <input type="radio" name="country" onclick="updateProductImage('italy.jpg')" />Italy
					    <br />
					    <input type="radio" name="country" onclick="updateProductImage('peru.jpg')" />Peru
					    <br />
					    <input type="radio" name="country" onclick="updateProductImage('syria.jpg')" />Syria
					    <br />
					    <input type="radio" name="country" onclick="updateProductImage('tunisia.jpg')" />Tunisia
				    </td>
				    <td>
					    <a><img id="ProductImage" name="ProductImage" src="" alt="Flag" /></a>
				    </td>
			    </tr>
		    </table>
	    </form>
	    <script>
		    function updateProductImage(src) {
			    document.ProductImage.src = src || 'no-image.jpg'; // Set image source to given source or no image of no source specified.
			    // Or use document.getElementById("ProductImage").src instead.
			    return true; // Continue with the click event.
		    }
	    </script>
    </body>
</html>



http://stackoverflow.com/questions/11722400/programmatically-change-the-src-of-an-img-tag
http://stackoverflow.com/questions/15370747/how-to-change-img-src-with-html5-and-javascript-using-radio-button
http://stackoverflow.com/questions/12841376/javascript-jquery-change-img-src-onclick-with-loop
http://stackoverflow.com/questions/18502734/how-to-change-image-onclick-javascript-function

samanmalki · شهریور 93

میشه یکم بیشتر توضیح دهید این کد رو کجا باید بزارم داخل افزونه لایت باکس؟

imanfakhar · شهریور 93

هر جایی که می خواهید تصویر را نمایش بدید از شروع تگ form تا انتهای تگ script را بگذارید

ورود

سوال در مورد "لایت باکس"

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

samanmalki 0

لینک به ارسال

Parsa 23463

لینک به ارسال

samanmalki 0

لینک به ارسال

imanfakhar 26231

لینک به ارسال

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

فهرست بخش ها

فعالیت ها