Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj15.08.2012, 14:17 (UTC)    
Mesaj konusu: Resim Aynı Sayfada Açılan Pencerede Büyütme

Siteme aşağıda vereceğim örneklerde olduğu gibi aynı sayfada açılıp büyüyen fotoğraf bölümü yapmak istiyorum.

Bu konuda yardımlarınızı bekliyorum..

Şimdiden ilgilenip zaman ayıran herkese teşekkürler..

Örnek siteler;
http://visuallightbox.com/demo/index.html
http://www.bilgisayardelisi.com/ilginc-resim/bulutlarin-dansi.html (alttaki resimler)
http://www.gullini.com/foto.php

(Büyük Harf ile Konu Açmayınız..! Başlık Düzenlenmiştir.. @grafikdizayn)


En son kucukkoykarate tarafından 09.09.2012 07:37:54 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj15.08.2012, 14:33 (UTC)    
Mesaj konusu:

buna lightbox deniyor

http://bs-aktif.tr.gg/Tamamen-JS-lightbox-Kodu-TEK-KOD.htm

burdan bulabilirsin
______________
Büyük işler başaran, Küçük adam..
DREAMWEAVER İLE BEDAVA-SİTEM İÇİN TASARIM YAPMA // RESİMLİ ANLATIM
Mesaj16.08.2012, 10:11 (UTC)    
Mesaj konusu:

ilgin için teşekkürler..
Ancak verdiğin site gooogle tarafından engellendiği için ulaşamıyorum. Başka bir siteden bu konuda yardımcı olabilir misin?
Mesaj22.08.2012, 15:39 (UTC)    
Mesaj konusu:

kucukkoykarate yazmış:
ilgin için teşekkürler..
Ancak verdiğin site gooogle tarafından engellendiği için ulaşamıyorum. Başka bir siteden bu konuda yardımcı olabilir misin?

Tasarımın üstü altı fark etmez istersen copyright'a koy ben oraya koyuyorum Wink
Kod:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="http://bilgilisite.abcz8.com/bs-aktif/lightbox/jquery-1.4.3.min.js"></script>
</script>
<script type="text/javascript" src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
/*
*   Examples - images
*/
 
$("a#example1").fancybox();
 
$("a#example2").fancybox({
'overlayShow'   : false,
'transitionIn'   : 'elastic',
'transitionOut'   : 'elastic'
});
 
$("a#example3").fancybox({
'transitionIn'   : 'none',
'transitionOut'   : 'none'   
});
 
$("a#example4").fancybox({
'opacity'   : true,
'overlayShow'   : false,
'transitionIn'   : 'elastic',
'transitionOut'   : 'none'
});
 
$("a#example5").fancybox();
 
$("a#example6").fancybox({
'titlePosition'   : 'outside',
'overlayColor'   : '#000',
'overlayOpacity'   : 0.9
});
 
$("a#example7").fancybox({
'titlePosition'   : 'inside'
});
 
$("a#example8").fancybox({
'titlePosition'   : 'over'
});
 
$("a[rel=example_group]").fancybox({
'transitionIn'   : 'none',
'transitionOut'   : 'none',
'titlePosition' : 'over',
'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
}
});
 
/*
*   Examples - various
*/
 
$("#various1").fancybox({
'titlePosition'   : 'inside',
'transitionIn'   : 'none',
'transitionOut'   : 'none'
});
 
$("#various2").fancybox();
 
$("#various3").fancybox({
'width'   : '75%',
'height'   : '75%',
'autoScale'   : false,
'transitionIn'   : 'none',
'transitionOut'   : 'none',
'type'   : 'iframe'
});
 
$("#various4").fancybox({
'padding'   : 0,
'autoScale'   : false,
'transitionIn'   : 'none',
'transitionOut'   : 'none'
});
});
 
</script>



Görünmesini istediğin sayfaya koy:

Kod:
<a href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/4_b.jpg" id="example4"><img src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/4_s.jpg" alt="example4" class="last" /></a>

______________
Mesaj27.08.2012, 18:07 (UTC)    
Mesaj konusu:

İlginiz ve yardımlarınız için çok teşekkür ederim. Dediklerinizi yaparak istediğim şeye kavuştum. Tekrardan teşekkürler yardımınız için Smile
Mesaj28.08.2012, 06:19 (UTC)    
Mesaj konusu:

Süper bir haber.. Cool
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu