Вопрос по html - есть ответ « Вопросы и ответы

ThomasNeoAnderson, 493 просмотра

Хочу сделать галерею следующим образом: по центру экрана картинка, под картинкой ссылки (1,2,3 .. и тд) на другие картинки. Хочется, чтобы при нажатии на ссылку изменялась только картинка (обновления страницы быть не должно). Читал что-то про OnClick, но мало что понял. Помогите плиз.

Примечание:
Пусть будет AJAX, как реализовать-то?

Ответы:

HeegCrak

Ну какой же это html. Это AJAX

Нанять Гнолы

Куча готовых фотогаллерей, если не нужны готовые, можно поизучать исходники, и на безе них сделать свою ;) http://www.hotscripts.com/category/php/scripts-programs/image-galleries/

Артёмка

Можно попробовать и без ajax.
<img src="1.jpg" id="myImg" />
<a href="#" onclick="setImage('1.jpg')">1</a>
<a href="#" onclick="setImage('2.jpg')">2</a>
<a href="#" onclick="setImage('3.jpg')">3</a>
<script>
function setImage(path) {
document.getElementById('myImg').src = path;
}
</script>

Monsieur_Duran

java script<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var num=1
img1 = new Image ()
img1.src = "leo.gif"
img2 = new Image ()
img2.src = "dino.gif"
img3 = new Image ()
img3.src = "rhino.gif"
function slideshow()
{
num=num+1
if (num==4)
{num=1}
document.animal.src=eval("img"+num+".src")
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<IMG SRC="leo.gif" NAME="animal" BORDER=0>

platon.xxl

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="javascript" type="text/javascript">
function showphoto(photo)
{
document.getElementById("photobox").removeChild(document.getElementById("photobox").firstChild);
p = document.createElement("img");
p.setAttribute("src", photo);
document.getElementById("photobox").appendChild(p)
}
</script>
</head>

16 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.