Jump to content
  • 0

Подгрузка изображений без перезагрузки страницы (ajax)


okunev2
 Share

Question

Прошу помощи, если у кого есть хороший рабочий пример, объясняю: есть скрипт фотоальбома, выводятся все првевью определенной категории и рядом большая фотка по дефолту первая, дальше при клике подгрузка соответсвенно большой, но при этом страница перегружается!

Нашел пример и класс JsHttpRequest, но ничерта непонятно, если бы подсказали что именно прописывать в тег превью img и что прописывать в тег большой фото?

Сенк заранее, если кто подскажет ;)

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
если бы подсказали что именно прописывать в тег превью img и что прописывать в тег большой фото?

src прописывать. А Ajax оставь ламеров пугать, он здесь не к чему.

Зачем было писать ;) не флудите, подскажите

Link to comment
Share on other sites

  • 0

Хорший пример кода ? сделаный собственными руками под свои собственный нужды.

<img src="/img/big/1.jpg" alt="Большая картинка" id="BigImage" />

<img src="/img/small/1.jpg" big="/img/big/1.jpg" alt="" onclick="return SetBigImage(this);" />
<img src="/img/small/2.jpg" big="/img/big/2.jpg" alt="" onclick="return SetBigImage(this);" />
<img src="/img/small/3.jpg" big="/img/big/3.jpg" alt="" onclick="return SetBigImage(this);" />
<img src="/img/small/4.jpg" big="/img/big/4.jpg" alt="" onclick="return SetBigImage(this);" />
<img src="/img/small/5.jpg" big="/img/big/5.jpg" alt="" onclick="return SetBigImage(this);" />

<script type="text/javascript">
function SetBigImage(el) {
document.getElementById('BigImage').src = el.getAttribute('big');
}
</script>

Link to comment
Share on other sites

  • 0
Спасибо за тот код, но всетаки охото внятный пример того класа переварить ;)

Так твоя задача разобраться с JsHttpRequest или сделать то, что ты описал в первом посте? Если первое, то зачем ты голову морочишь, спрашивая того что тебе не нужно?

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy