none
Resim Galerisi Oluşturma

    Soru

  • Herkese merhaba.Ben blog sayfam için bi şey istiycem.Ana menumde resimgelerisi yazısına tıklanıldığında resimlerimi resgileyebileceğim bir yapıyı nasıl yapabilirm.Sadece o sayfayı çağırmakla kalmak istemiyorum.Galeri sayfası için güzel bir gorsel sağlamak istiyorum.Resim üzerine gelince efekt ile büyüsün falan.Bana direkt query kütüphanelerini kullanabilirsin demeyin.Çünkü bu queryyi nasıl sayfama monte edeceğimi bilmiyorum.Kodları ile birlikte açıklarsanız çok iyi olur.Bir sorum daha olacak.Resim galerisine girince müzik gelecek arkadan.Yani sayfaya müzik nasıl ekleyebilirim.herkese iyi çalışmalar
    18 Mayıs 2011 Çarşamba 17:42

Yanıtlar

  • Merhabalar

    Resim galerisi için kullanaileceğiniz en basit yöntem lightbox'dır. İşin görsellik kısmında ise HTML5 kolaylık sağlayabilir. linkdeki örneklere bir göz atın:

    http://designbeep.com/2010/12/28/42-powerful-css3-techniquestutorials-and-experiments-with-demos/

    lightbox: http://www.huddletogether.com/projects/lightbox2/

    buradaki temel nokta iki farklı eklentinin html kodlarını iyi organize etmekten geçer.  Javascript veya jquery imlementasyonu ise çok kolay js dosyalarını projenin içerisinde bir klasörde toplayın daha sonra sayfanın head taglerine sürükleyip bırakın.

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head runat="server">

        <title>Dr. İrfan Neziroğlu</title>

        <meta http-equiv="content-type" content="text/html;charset=iso-8859-9">

        <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">

        <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

        <script type="text/javascript" src="js/hoverIntent.js"></script>

        <script type="text/javascript" src="js/superfish.js"></script>

        <script type="text/javascript">

            // initialise plugins

            jQuery(function () {

                jQuery('ul.sf-menu').superfish();

            });

        </script>

        <asp:ContentPlaceHolder ID="head" runat="server">

        </asp:ContentPlaceHolder>

    </head>

    Linkleri incelerseniz kullanımı daha detaylı görebilirsiniz.

    19 Mayıs 2011 Perşembe 17:12

Tüm Yanıtlar

  • Merhabalar

    Resim galerisi için kullanaileceğiniz en basit yöntem lightbox'dır. İşin görsellik kısmında ise HTML5 kolaylık sağlayabilir. linkdeki örneklere bir göz atın:

    http://designbeep.com/2010/12/28/42-powerful-css3-techniquestutorials-and-experiments-with-demos/

    lightbox: http://www.huddletogether.com/projects/lightbox2/

    buradaki temel nokta iki farklı eklentinin html kodlarını iyi organize etmekten geçer.  Javascript veya jquery imlementasyonu ise çok kolay js dosyalarını projenin içerisinde bir klasörde toplayın daha sonra sayfanın head taglerine sürükleyip bırakın.

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head runat="server">

        <title>Dr. İrfan Neziroğlu</title>

        <meta http-equiv="content-type" content="text/html;charset=iso-8859-9">

        <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">

        <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

        <script type="text/javascript" src="js/hoverIntent.js"></script>

        <script type="text/javascript" src="js/superfish.js"></script>

        <script type="text/javascript">

            // initialise plugins

            jQuery(function () {

                jQuery('ul.sf-menu').superfish();

            });

        </script>

        <asp:ContentPlaceHolder ID="head" runat="server">

        </asp:ContentPlaceHolder>

    </head>

    Linkleri incelerseniz kullanımı daha detaylı görebilirsiniz.

    19 Mayıs 2011 Perşembe 17:12
  • Verdiğiniz bilgiler için çok teşekkürler.Birde sayfaya nasıl müzik ekliycem.Bunu da yanıtlarmısınız.
    19 Mayıs 2011 Perşembe 18:21