Seele Mesaj tarihi: Aralık 12, 2011 Paylaş Mesaj tarihi: Aralık 12, 2011 baslik pek aciklayici olmadi :). olay su elimde bir resim var bu resmi site acildiginda ön planda göstermek. Lightbox tarzi gibi yani burda resimlere tiklayinca arkaplan hafif karariyor iste ona benzer olayi site acilirken yapmayi istiyorum. sorun resmi üzerinde linkler olacak yani sirf resim degil html sayfasi gibi. her bir kösesinde baska bir link. aklima javascript geliyor ama hic bildigim örnek yok :( Link to comment Sosyal ağlarda paylaş Daha fazla paylaşım seçeneği…
Sypro Mesaj tarihi: Aralık 12, 2011 Paylaş Mesaj tarihi: Aralık 12, 2011 iframe'i kullanabildiğin lightbox çeşitleri vardı. Link to comment Sosyal ağlarda paylaş Daha fazla paylaşım seçeneği…
di Mesaj tarihi: Aralık 12, 2011 Paylaş Mesaj tarihi: Aralık 12, 2011 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ // Elementleri ortalamak icin fonksiyon. $.fn.center = function (axis) { this.css("position","absolute"); if(axis == 'x'){ this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px"); } else if(axis == 'y') { this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px"); } else { this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px"); this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px"); } return this; } // Esas olayin basladigi yer. $("#overlay").width($(window).width()).height($(window).height()).center().css("opacity",0.8).show(); $("#overlay-text").center().fadeIn(); // overlay'e ya da overlay-text'e tiklaninca da ikisini de gizlesin. $("#overlay").click(function(){ $("#overlay").fadeOut(); $("#overlay-text").fadeOut(); }); $("#overlay-text").click(function(){ $("#overlay").fadeOut(); $("#overlay-text").fadeOut(); }); }); </script> </head> <body> <div id="overlay" style="position:absolute; display:none; background-color:#000"> </div> <div id="overlay-text" style="position:absolute; display:none; background-color:#FFF; padding:20px;"> <a href="">Haci naber?</a> </div> </body> </html> Html olarak kaydedip deneyebilirsin. Link to comment Sosyal ağlarda paylaş Daha fazla paylaşım seçeneği…
Seele Mesaj tarihi: Aralık 13, 2011 Konuyu açan Paylaş Mesaj tarihi: Aralık 13, 2011 senin verdigin bende calismadi ama fikir verdi en azindan. surda güzel bir link buldum http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/. biraz code ile oynayip body onloada yerlestirince cok güzel bir sekilde calisti. tesekkür ettim :) Link to comment Sosyal ağlarda paylaş Daha fazla paylaşım seçeneği…
di Mesaj tarihi: Aralık 13, 2011 Paylaş Mesaj tarihi: Aralık 13, 2011 Impossibru!!! Link to comment Sosyal ağlarda paylaş Daha fazla paylaşım seçeneği…
senko Mesaj tarihi: Aralık 13, 2011 Paylaş Mesaj tarihi: Aralık 13, 2011 tim'in yazdığı kodun çalıştığı nerde görülmüş zaten :P Link to comment Sosyal ağlarda paylaş Daha fazla paylaşım seçeneği…
Trans Mesaj tarihi: Aralık 13, 2011 Paylaş Mesaj tarihi: Aralık 13, 2011 timin yazdığı kod çalışıyo zaten. script src kısmındaki linki koymayı denerseniz src kısmına çalışıyor :) Link to comment Sosyal ağlarda paylaş Daha fazla paylaşım seçeneği…
Öne çıkan mesajlar