sitede resimleri farklı şekilde açmak ? (resimli)

myben · 1 27-05-2011, 05:51:55

arkadaşlar sormak istediğim birşey var sistemsiz yani html bir site yapacagım, sormak istediğim şudur resimlere tıklandığında, yanı kucuk resımlere tıklandıgında resımler buyusun ama aynı sayfada acsın, arka plan opacity si düşük siyah oluyor ve resme tıkladıgımızda bir sonraki resme geçiyor, mouse resmin sağ tarafına dogru geldıgınde "ileri" soluna geldıgınde "geri" butonları çıkıyor

umarım anlatabılmısımdır, bunu nasıl yaparım ? hangı programda yapabılırım ? yada bir kodu varmı bu konu hakkında hıcbır bılgım yok, yardımlarınızı beklıyorum..

sahadantv · 2 27-05-2011, 09:04:54

javascriptte bulabilrsin.

hatta r10daki javascript bölümünde buna benzer bir şeyi kesin önceden biri sormuştur.daha rahat bulabileceğine inanıyorum orda

myben · 3 27-05-2011, 18:01:01

teşekkur ederım hocam, bakıyım o bolume

webbartal · 4 27-05-2011, 21:17:22

http://www.huddletogether.com/projects/lightbox2/
işinizi görecektir

**SeDaTTR** · 5 27-05-2011, 21:19:20

Alıntı:

webbartal Nickli Üyeden Alıntı

http://www.huddletogether.com/projects/lightbox2/
işinizi görecektir

bu lightbox u bende kullanıyorum. çok başarılı birşey. hatta örnek olarak;

http://www.ikizlertekstil.com.tr/

myben · 6 31-05-2011, 03:35:52

kullanılışı nasıl ?

yanı nasıl kuruyoruz yada kullanıyoruz acıklayabılen ?

**SeDaTTR** · 7 02-06-2011, 14:20:51

Alıntı:

myben Nickli Üyeden Alıntı

kullanılışı nasıl ?

yanı nasıl kuruyoruz yada kullanıyoruz acıklayabılen ?

önce js ve cssleri sayfaya baglamalısın;

Kod:

   <script type="text/javascript" src="css/js/jquery.js"></script>
    <script type="text/javascript" src="css/js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

daha sonra hemen altına bir divi galeri divi olarak belirlemelisin.

Kod:

 <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>

gibi. burada #gallery degişkendir. eğer istersen #resim divinide yapabilirsin eğer istersende .resim class ınıda yapabilirsin. bu div yada class ıniçine şu şekilde göstereceksin resimleri;

Kod:

<a href="RESİM ADRESİ" title="RESİM AÇIKLAMASI(OPSİYONEL)"><img src="RESİM ADRESİ"/></a>

bu divin içindeki tüm baglantıları bu şekilde vermelisin.

deneme yanılma methodları ile daha iyi anlıyacaksıbdır.

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder