lostyazilim
tr.link

resim boş alana basınca nasıl kapanır

7 Mesajlar 1.078 Okunma
acebozum
tr.link

k3stane k3stane Hey! Whatsapp Kullanıcı
  • Üyelik 16.01.2016
  • Yaş/Cinsiyet 32 / E
  • Meslek Grafik Tasarım
  • Konum İzmir
  • Ad Soyad M** Ç**
  • Mesajlar 118
  • Beğeniler 81 / 29
  • Ticaret 36, (%100)
$(document).ready(function() {

$('.sb').click(function(event){
// which was clicked?
var clicked = $(this).index('.sb');

// create smoothbox
$('body').append('');

$.fn.reverse = [].reverse;
// get each picture, put them in the box
$('.sb').reverse().each(function() {
var href = $(this).attr('href');
if ($(this).attr('title')) {
var caption = $(this).attr('title');
$('.sb-items').append('
'+ caption +'
');
}
else {
$('.sb-items').append('
');

}
});

$('.sb-item').slice(0,-(clicked)).appendTo('.sb-items');
$('.sb-item').not(':last').hide();
$('.sb-item img:last').load(function() {
$('.smoothbox-sizing').fadeIn('slow', function() {
$('.sb-nav').fadeIn();
$('.sb-load').removeClass('sb-load');
});
});
event.preventDefault();
});

$(document).on('click', ".sb-cancel", function(event){
$('.smoothbox').fadeOut('slow', function() {
$('.smoothbox').remove();
});
event.preventDefault();
});

$(document).on('click', ".sb-next-on", function(event){
$(this).removeClass('sb-next-on');

$('.sb-item:last').addClass('sb-item-ani');
// after animation, move order & remove class

$(".sb-item:last").bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){
$('.sb-item').eq(-2).addClass('no-trans').fadeIn('fast');
$(this).removeClass('sb-item-ani').prependTo('.sb-items').hide();
$('.sb-item:last').removeClass('no-trans');
$('.sb-next').addClass('sb-next-on');
$('.sb-item').unbind();
});

event.preventDefault();
});

$(document).on('click', ".sb-prev-on", function(event){
$(this).removeClass('sb-prev-on');
$('.sb-item:last').hide();
$(".sb-item:first").addClass('sb-item-ani2 no-trans').appendTo('.sb-items');
$('.sb-item:last').show().removeClass('no-trans').delay(1).queue(function(next){
$('.sb-item:last').removeClass('sb-item-ani2');
next();
});
$(this).addClass('sb-prev-on');
event.preventDefault();
});
});



javascript kodlarım bunlar arkadaşlar bu durumda boş alana tıkladığımda resimi kapatmak için nasıl bir yön izlemem gerekir?
 

 

elektronikssl
webimgo

fullstackdev fullstackdev WM Aracı Kullanıcı
  • Üyelik 25.06.2016
  • Yaş/Cinsiyet 37 / E
  • Meslek full stack developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 334
  • Beğeniler 35 / 93
  • Ticaret 0, (%0)
ornek olarak bunu alabilirsin k3stane


if($('.resim_class').is(":visible"))
{
if(!$(event.target).closest('.resim_class').length)
{
$('.resim_class').hide();
}
}
 

 

k3stane k3stane Hey! Whatsapp Kullanıcı
  • Üyelik 16.01.2016
  • Yaş/Cinsiyet 32 / E
  • Meslek Grafik Tasarım
  • Konum İzmir
  • Ad Soyad M** Ç**
  • Mesajlar 118
  • Beğeniler 81 / 29
  • Ticaret 36, (%100)








MB-01

100-16-1cm




örnek html kodlarım böyle fakat yazdıklarınızı eklediğim zaman yine aynı hiç bir şey değişmiyor.

fullstackdev
 

 

fullstackdev fullstackdev WM Aracı Kullanıcı
  • Üyelik 25.06.2016
  • Yaş/Cinsiyet 37 / E
  • Meslek full stack developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 334
  • Beğeniler 35 / 93
  • Ticaret 0, (%0)
.resim_class yazdigim yerlere kendi class larini ekledin degil mi? k3stane
 

 

wmaraci
wmaraci

k3stane k3stane Hey! Whatsapp Kullanıcı
  • Üyelik 16.01.2016
  • Yaş/Cinsiyet 32 / E
  • Meslek Grafik Tasarım
  • Konum İzmir
  • Ad Soyad M** Ç**
  • Mesajlar 118
  • Beğeniler 81 / 29
  • Ticaret 36, (%100)
tabi ki de service-img olarak ekledim fullstackdev bu kodları smoothbox.js dosyasına ekliyorum yanlış mı yapıyorum öyle eklediğim zaman resimler komple gidiyor
 

 

fullstackdev fullstackdev WM Aracı Kullanıcı
  • Üyelik 25.06.2016
  • Yaş/Cinsiyet 37 / E
  • Meslek full stack developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 334
  • Beğeniler 35 / 93
  • Ticaret 0, (%0)
surda senin icin birseyler karaladim k3stane bi bak bakalim :
https://jsfiddle.net/onurcelik/7om8hech/4/
 

 

k3stane k3stane Hey! Whatsapp Kullanıcı
  • Üyelik 16.01.2016
  • Yaş/Cinsiyet 32 / E
  • Meslek Grafik Tasarım
  • Konum İzmir
  • Ad Soyad M** Ç**
  • Mesajlar 118
  • Beğeniler 81 / 29
  • Ticaret 36, (%100)
fullstackdev hocam şuan bu kodları girdiğim zaman resimlerin hiç biri gözükmüyor hepsi gidiyor