オーバーレイを使用したボタンクリックでbig
またはlarge
画像を表示する方法を教えてください。私はユーザーがimage
をクリックして、それがオーバーレイで完全な画像を表示する画像のスライダーを作っています。私はあなたがライブラリを使用する場合は、あなたが必要なすべてを行いprettyPhotoを使用することができ、このjqueryでオーバーレイでフルイメージを表示するには?
https://plnkr.co/edit/7AqAHSSPwZyj7cipXMrq?p=preview
.overlay {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
background-color:black;
z-index:9999;
color:white;
}
$(function() {
var counter = 0;
$('#next').click(function() {
if (counter < $('.imageBlock').length-1) {
counter++;
$('.imageBlock').hide();
$('.imageBlock').eq(counter).show();
}
})
$('#pre').click(function() {
if (counter > 0) {
counter--;
$('.imageBlock').hide();
$('.imageBlock').eq(counter).show();
}
})
$('.imageBlock').click(function(){
$('body html').addClass('overlay')
})
})
変更を試しましたが、それはなぜフル画像スクロールですか?https://plnkr.co/edit/7AqAHSSPwZyj7cipXMrq?p=preview – user944513
大きな画像が表示されるはずですon center – user944513
イメージを中央に配置するために私の答えを編集しました。これがあなたに役立つ場合は、答えとupvoteとしてマークしてください:) – Brad