0
Kayıt Ol

Böyle birşey mümkün mü ?

19

●

1.399

  • 27-07-2010, 18:16:21
    #1
    sefakdas
    sefakdas
    Daha önce hiç bir yerde görmedim, aklıma geldi. Kesin Javascript veya css ile yapılıyordur diye düşündüm.

    Şöyle birşey olcak, sayfa sağ altta diyelim bi buton olacak (sayfa yukarı aşagı inince sabit kalan bi buton) ona tıklayınca ekranda yarı saydam siyah ekran acılcak ve ortasında istedigim resim buluncak ?

    Yapabilir miyiz böyle birşey ? Yapabilirsek nasıl yapabiliriz.
  • 27-07-2010, 18:47:35
    #2
    Hkan
    Hkan
    Buton için CSS

    .buton
{
  position: fixed;
  bottom: 15px;
  right: 15px;
}
    Dediğin olay için de ShadowBox, FancyBox gibi eklentiler kullanmalısın.
  • 27-07-2010, 19:34:04
    #3
    sefakdas
    sefakdas
    Hkan adlı üyeden alıntı: mesajı görüntüle
    Buton için CSS

    .buton
{
  position: fixed;
  bottom: 15px;
  right: 15px;
}
    Dediğin olay için de ShadowBox, FancyBox gibi eklentiler kullanmalısın.
    Teşekkürler. Buton olayını anlatmak istedigimi betimlemek için söyledim. Eklentiyi arıyordm. Teşekkürler
  • 27-07-2010, 19:35:50
    #4
    SpyboT
    SpyboT
    Üyeliği durduruldu
    www.dynamicdrive.com incele, büyük bi javascript arşivi
  • 27-07-2010, 19:37:27
    #5
    sefakdas
    sefakdas
    SpyboT adlı üyeden alıntı: mesajı görüntüle
    www.dynamicdrive.com incele, büyük bi javascript arşivi
    Teşekkürler hemen inceliyorum.
  • 27-07-2010, 19:44:29
    #6
    liarea
    liarea
    jQuery paketini include edip,

    <script>
$(".buton").click(function(){
       $("#divID").fadeIn("slow");
});
</script>
    Sayfana bunu ekle daha sonra bir div oluştur sayfaya ortala onu css ile ve display:none; deyip görünmemesi sağla.

    Butona tıkladığında yavaş yavaş koyulaşarak o div gelecek karşına sonra içine istediğin resmi v.s enjekte et.
  • 31-07-2010, 14:54:12
    #7
    sefakdas
    sefakdas
    liarea adlı üyeden alıntı: mesajı görüntüle
    jQuery paketini include edip,

    <script>
$(".buton").click(function(){
       $("#divID").fadeIn("slow");
});
</script>
    Sayfana bunu ekle daha sonra bir div oluştur sayfaya ortala onu css ile ve display:none; deyip görünmemesi sağla.

    Butona tıkladığında yavaş yavaş koyulaşarak o div gelecek karşına sonra içine istediğin resmi v.s enjekte et.
    jquery paketi nerde hocam ?
  • 31-07-2010, 15:30:09
    #8
    _BuKi_
    _BuKi_
    Kimlik doğrulama veya yönetimden onay bekliyor.
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    Bu kodlar jQuery Paketini dahil edebilirsiniz. dilerseniz www.jquery.com dan JS dosyasını indirip kendi hostunuzdan da çekebilirsiniz.
  • 31-07-2010, 15:50:48
    #9
    sefakdas
    sefakdas
    Teşekkürler jquery için.


    liarea adlı üyeden alıntı: mesajı görüntüle
    jQuery paketini include edip,

    <script>
$(".buton").click(function(){
       $("#divID").fadeIn("slow");
});
</script>
    Sayfana bunu ekle daha sonra bir div oluştur sayfaya ortala onu css ile ve display:none; deyip görünmemesi sağla.

    Butona tıkladığında yavaş yavaş koyulaşarak o div gelecek karşına sonra içine istediğin resmi v.s enjekte et.
    Peki div'den sonrasını anlıyamadım, ayrıntılı olarak yardımcı olabilir misiniz?