2016-12-24 2 views
0

Мне нужно показать некоторые изображения после загрузки страницы. Поэтому я пробую это. Но это не работает. Я думаю, кто-то может мне помочь.Показать некоторые изображения после загрузки страницы

$(document).ready(function(){ 
$("btnseemore1").click(function(){ 
    $("#seemore1").html("<div class='col-sm-3 popup-gallery'><img src='images/1.jpg' alt='Image 01' /></div><div class='col-sm-3 popup-gallery'><img src='images/2.jpg' alt='Image 02' /></div><div class='col-sm-3 popup-gallery'><img src='images/3.jpg' alt='Image 03' /></div><div class='col-sm-3 popup-gallery'><img src='images/4.jpg' alt='Image 04' /></div>"); 
    }); 
}); 

ответ

0
//btnseemore1 should be either class or id if its class then jquery will be $(".btnseemore1").click(function(){}); and if its id than it will be $("#btnseemore1").click(function(){}); 
$(document).ready(function(){ 
    setTimeout(function(){ 
    $("btnseemore1").click(function(){ 
     $("#seemore1").html("<div class='col-sm-3 popup-gallery'><img src='images/1.jpg' alt='Image 01' /></div><div class='col-sm-3 popup-gallery'><img src='images/2.jpg' alt='Image 02' /></div><div class='col-sm-3 popup-gallery'><img src='images/3.jpg' alt='Image 03' /></div><div class='col-sm-3 popup-gallery'><img src='images/4.jpg' alt='Image 04' /></div>"); 
     }); 
    }); 
    }, 3000); 

Используйте функцию JQuery SetTimeout

+0

Это идентификатор. Можете ли вы сказать мне, что происходит с функцией setTimeout? – Andrew

+0

setimeout - это функция, вызывающая ваш код через несколько раз, например. я использовал 3000 миллисекундов, код его средств будет вызывать после загрузки документа + 3 секунды –

+0

Можете ли вы рассказать мне, как загружать несколько изображений один за другим с небольшим эффектом затухания – Andrew