Форум Сайтостроение Веб-строительство

Вывод изображения в зависимости от URL

12
S1
На сайте с 02.09.2004
Offline
103
Sacred13
2420

Как при помощи явы, сделать следующую фишку.

Допустим есть одна страница, но на нее можно попасть по разным URL, к примеру,

http://сайт.ру/?id=php

http://сайт.ру/?id=java

Так вот задача. Как сделать так, чтобы в зависимости от введенного URL выводились разные картинки.

К примеру если человек пришел по ссылке http://сайт.ру/?id=php отображается "картинка 1"

а если человек пришел по ссылке http://сайт.ру/?id=java, отображается "картинка 2"

Подскажите пожалуйста кто знает, может есть готовые решения. Спасибо большое заранее.

WZ
На сайте с 03.12.2010
Offline
44
WildZero
#1

при помощи Java или всё же JavaScript?

S1
На сайте с 02.09.2004
Offline
103
Sacred13
#2

JavaScript

IW
На сайте с 10.05.2011
Offline
5
IT-Web
#3
if($_GET['php']){
echo 'Код картинки которая покажется при переходе на http://сайт.ру/?id=php';
}else{
echo 'Код картинки которая покажется при переходе на http://сайт.ру/?id=java';
}

Собственно выше написанный код вставить в index.php или что-там у вас...

S1
На сайте с 02.09.2004
Offline
103
Sacred13
#4

Ясно, круто, спасибо, сейчас попробую :)

WZ
На сайте с 03.12.2010
Offline
44
WildZero
#5 

var pattern=/id=(.+)/g;
var ans=pattern.exec(location.href);
if (ans[1]=='Значени 1')
document.getElementById('Id картинки').src = 'url 1 картинки';
if (ans[1]=='Значени 2')
document.getElementById('Id картинки').src = 'url 2 картинки';
S1
На сайте с 02.09.2004
Offline
103
Sacred13
#6

Спасибо 




<script type="text/javascript">



var ans=pattern.exec(location.href);

if (ans[1]=='http://сайт/?id=php')

document.getElementById.src = '<img src="/upload/shop_2/3/5/1/item_3518/small_7783.jpg" border="0" />';

if (ans[1]=='http://сайт/?id=java')

document.getElementById.src = '<img src="/upload/shop_2/3/5/2/item_3520/small_7784.jpg" border="0" />';



</script>

Вот так будет правильно?

Код нужно непосредственно в месте вывода картинки вставить?

WZ
На сайте с 03.12.2010
Offline
44
WildZero
#7 

<script>
function changeIMG(){
var pattern=/id=(.+)/g;
var ans=pattern.exec(location.href);
if (ans[1]=='Значени 1')
document.getElementById('Id картинки').src = 'url 1 картинки';
if (ans[1]=='Значени 2')
document.getElementById('Id картинки').src = 'url 2 картинки';
}
</script>
<body onLoad= "changeIMG();">
...
...
...
</body>

Будет выполняться при загрузке страницы.

S1
На сайте с 02.09.2004
Offline
103
Sacred13
#8

то есть код получается в голову выноситься

а как указать, конкретное место вывода картинки в <body>?

спасибо

WZ
На сайте с 03.12.2010
Offline
44
WildZero
#9

Картинка:

<img src="..." id="imgid"/>

Так вот imgid пишем сюда:

document.getElementById('imgid').src
S1
На сайте с 02.09.2004
Offline
103
Sacred13
#10

Получается сделал следующим образом 




<script>



function changeIMG(){

var pattern=/id=(.+)/g;

var ans=pattern.exec(location.href);

if (ans[1]=='http://сайт.ру/?id=php')

document.getElementById('php').src = 'http://сайт.ру/upload/information_system_22/1/3/1/item_13155/8115-Xperia-mini-pro.jpg';

if (ans[1]=='http://сайт.ру/?id=java')

document.getElementById('java').src = 'http://сайт.ру/upload/information_system_26/1/2/8/item_12897/small_information_items_12897.jpg';

}

</script>







<body onLoad= "changeIMG();">



<img src="http://сайт.ру/upload/information_system_26/1/2/8/item_12897/small_information_items_12897.jpg" id="java" />

<img src="http://сайту.ру/upload/information_system_22/1/3/1/item_13155/8115-Xperia-mini-pro.jpg" id="php" />



</body>

В результате обе картинки отображаются. Что я делаю не так?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий