Jump to content
  • 0

Отложенная загрузка!


ELBegemotos
 Share

Question

Здраствуйте!Я хочу создать скрипт,точнее я его уже создаю,но остановился на одном моменте!Дело в том,что я составляю что-то типо манги онлайн(комиксы онлайн) и эи комиксы состоя из множества картинок..как сделать так чтобы подгружалась сначала первая картинка,а потом уже при нажатие открывалась уже вторая и так далее,В общем суть в том чтобы изначально загружалась только одна картинка,а потом уже вторая третья и тд!

Вот моя структура


<div id="1" class="now_page"><img src="http://s019.radikal.ru/i632/1205/63/75928ba9238c.png"></div>
<div id="2"><img src="http://s017.radikal.ru/i414/1205/7c/d3c3050dc51e.png"></div>
<div id="3"><img src="http://s50.radikal.ru/i127/1205/7d/b825768bf19d.png"></div>
<div id="4"><img src="http://s014.radikal.ru/i328/1205/31/319f2a15d158.png"></div>
<div id="5"><img src="http://s019.radikal.ru/i612/1205/32/4a760265c693.png"></div>
<div id="6"><img src="http://i043.radikal.ru/1205/d8/8c79f306fd8d.png"></div>
<div id="7"><img src="http://s019.radikal.ru/i619/1205/ca/d6adfd52abff.png"></div>
<div id="8"><img src="http://s017.radikal.ru/i423/1205/b1/2fa6dd96f5a0.png"></div>
<div id="9"><img src="http://s019.radikal.ru/i618/1205/25/79f8906d2d9a.png"></div>
<div id="10"><img src="http://s019.radikal.ru/i638/1205/b5/262cf54d7ed3.png"></div>
<div id="11"><img src="http://s004.radikal.ru/i208/1205/54/90ca3014d442.png"></div>
<div id="12"><img src="http://s019.radikal.ru/i629/1205/ff/d768966dc5ae.png"></div>
<div id="13"><img src="http://s019.radikal.ru/i606/1205/22/d3af2277d240.png"></div>
<div id="14"><img src="http://s019.radikal.ru/i639/1205/66/074f12df7cd5.png"></div>
<div id="15"><img src="http://s017.radikal.ru/i435/1205/b3/845d112dd8e7.png"></div>
<div id="16"><img src="http://s019.radikal.ru/i644/1205/3b/7bc2d1c692bc.png"></div>
<div id="17"><img src="http://s005.radikal.ru/i212/1205/c0/eadf8f5d9805.png"></div>
<div id="18"><img src="http://s44.radikal.ru/i103/1205/db/b42c8cfd073c.png"></div>

Edited by ELBegemotos
Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0

Делаете все слои, кроме 1го, скрытыми и добавляете такой скрипт

 $('doument').ready(function(){
$('div').click(function(){
var id = this.id
$('#'+id).hide();
id++
$('#'+id).show();
})
})

только что делать при клике на последний слой подумайте сами

Link to comment
Share on other sites

  • 0
Читайте про объект Image. На событие onload этого объекта просто показываете картинку в блоке.

Не могли бы вы дать ссылку для прочтения материал,ато искал выводит только как решить проблемы и тд

Делаете все слои, кроме 1го, скрытыми и добавляете такой скрипт

$('doument').ready(function(){

$('div').click(function(){

var id = this.id

$('#'+id).hide();

id++

$('#'+id).show();

})

})

только что делать при клике на последний слой подумайте сами

Я не совсем понял..Не могли бы расписать?

Делаете все слои, кроме 1го, скрытыми и добавляете такой скрипт

 $('doument').ready(function(){
$('div').click(function(){
var id = this.id
$('#'+id).hide();
id++
$('#'+id).show();
})
})

только что делать при клике на последний слой подумайте сами

А все я понял))ну переключение я сделал))и взад и вперед и при клике на картинку))просто дело в том что даже выставляя значение display:none картинки все равно все подгружаются хоть они и не видимы))мне надо чтобы подгружалась вообще одна картинка

Если вам не понятно вот сайт http://nyashki-tv.ru/dir/naruto_manga/manga_naruto_13_naruto_manga_13_quot_ja_nindzja_quot/2-1-0-39

Точнее пример,посмотрите и сразу все поймете!

Link to comment
Share on other sites

  • 0
Не могли бы вы дать ссылку для прочтения материал,ато искал выводит только как решить проблемы и тд

http://www.w3schools.com/jsref/dom_obj_image.asp

Спасибо большое))Еще один вопрос я видел были скрипты и там было так что при нажатие на стрелку влево вправо делалось все тоже что при нажатие на мои кнопки вперд назад..как так сделать??сделал догадку что нужно keypress или как то так))но код кнопки влево и вправо я не нашел не могли бы мне помочь еще и с этим?

Link to comment
Share on other sites

  • 0

http://jsfiddle.net/eHmuG/1/

Кнопку "назад", думаю разберетесь как сделать.

Нет вы не поняли))

Вот пример http://manga24.ru/bleach/493/

Нажмите стрелку влево и вы увидите переключание))я про это спрашивал)

Link to comment
Share on other sites

  • 0

Нажимаю - ничего не происходит, просто грузится следующая страница.

Уже не надо я понял то,что я щас пишу не совсем соответствует моей идеи!

Начал реализовывать по-новому уже идет мысль написаны первые строчки и так далее!

Только вот вопрос ко изучал Паскаль в школьные годы наверно встречался с массивами и там можно было задать массив и с помощью цикла что либо проверять!

Ну так вот допустим у меня есть массив наименований фруктов и с помощью цикла я ввожу условие,что если массив от i равен допустим груше

,то пускай выводит индекс этого элемента!Ну так вот возможно ли это проделать в яваскрипте?Если да,то не могли бы вы мне сказать как это сделать.

Edited by ELBegemotos
Link to comment
Share on other sites

  • 0

Вот тут подробно описано про массивы.

Все хочу сказать,что мой скрипт был написан=)спасибо тебе))но вот только одна беда))весь яваскрипт код выложен на странице,а не в отдельно файлике!Вы можете меня спросить так какого черта ты не вынесешь!Дело в том,что мой создан в системе укоз и базовые значения вводится в самом материале и это значение не переносится в отдельный файлик!

И у меня вопрос можно например сделать так,что допустим на одной странице находится вс мои базовые значение,а потом при помощи чего-нибудь переносятся в этот отдельный файлик для уже дальнейшей работы?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 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