Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

Resim Galerisi yardım

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
4
Cevap
0
Favori
360
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar ben kozmetik üzerine bir site yapmnak istiyorum.
    Kozmetik ürünlerinin resimlerini sitede güzel bir şekilde sergilemek istiyorum.

    1-Her ürünün Resmini küçük bir şekilde koyacağım ve tıklandığında büyük hali ekrana gelsin istiyorum ama yeni pencere açarak olmasın istiyorum.

    örneğin bu sitedeki gibi: http://www.edakozmetik.com/limpex_beyaz_dispenser_750ml_doldurmali.php#prettyPhoto

    Biraz uğraştım birşeyler yapmaya çalıştım ama tam istediğim gibi düzgün bir şekilde yapamadım.

    Siteye verdiğim site örneğindeki gibi entegre yapmak istiyorum.

    Yardımlarınızı bekliyorum.

    Yaptığım çalışmanın kodları:

    <html>
    <head>
    <title>index</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
    body {
    background-color: #DDD;
    }
    </style>
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

    <table id="Table_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="3">
    <img src="images/index_01.png" width="225" height="227" alt=""></td>
    <td colspan="2" rowspan="2">
    <img src="images/index_02.jpg" width="277" height="258" alt=""></td>
    <td colspan="2">
    <img src="images/index_03.png" width="522" height="227" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="227" alt=""></td>
    </tr>
    <tr>
    <td colspan="3">
    <img src="images/index_04.png" width="225" height="31" alt=""></td>
    <td colspan="2" rowspan="2">
    <img src="images/index_05.png" width="522" height="40" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="31" alt=""></td>
    </tr>
    <tr>
    <td rowspan="11">
    <img src="images/index_06.png" width="15" height="510" alt=""></td>
    <td rowspan="2">
    <img src="images/index_07.png" width="191" height="48" alt=""></td>
    <td colspan="3">
    <img src="images/index_08.png" width="296" height="9" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="9" alt=""></td>
    </tr>
    <tr>
    <td colspan="2" rowspan="9">
    <img src="images/index_09.png" width="82" height="463" alt=""></td>
    <td colspan="2" rowspan="8"><p class="single"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=66035759&url=images/examples/image-2.jpg" rel="lightbox" title="Optional caption." data-href="images/examples/image-2.jpg" rel="lightbox" title="Optional caption."><span class="single first"></span></a><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=66035759&url=images/examples/image-2.jpg" rel="lightbox" title="Optional caption." data-href="images/examples/image-2.jpg" rel="lightbox" title="Optional caption."><span class="single first"></span></a></p>
    <table width="330" border="1">
    <tr>
    <td width="154"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=66035759&url=images/examples/image-1.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward." data-href="images/examples/image-1.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/examples/thumb-3.jpg" alt="Plants: image 1 0f 4 thumb" align="left" /></a></td>
    <td width="160"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=66035759&url=images/examples/image-1.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward." data-href="images/examples/image-1.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/examples/thumb-3.jpg" alt="Plants: image 1 0f 4 thumb" align="left" /></a></td>
    </tr>
    <tr>
    <td><p> </p>
    <p> </p></td>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>
    <p class="single"> </p>
    <p class="single"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=66035759&url=images/examples/image-2.jpg" rel="lightbox" title="Optional caption." data-href="images/examples/image-2.jpg" rel="lightbox" title="Optional caption."><span class="single first"></span></a></p> <span class="single"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=66035759&url=images/examples/image-2.jpg" rel="lightbox" title="Optional caption." data-href="images/examples/image-2.jpg" rel="lightbox" title="Optional caption."><span class="single first"><a href="images/examples/image-3.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><a href="images/examples/image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ><span class="single first"><a href="images/examples/image-1.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><a href="images/examples/image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ></a></a></span></a></span></td>
    <td rowspan="9">
    <img src="images/index_11.png" width="68" height="463" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="39" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/index_12.png" width="191" height="29" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="29" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/index_13.png" width="191" height="48" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="48" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/index_14.png" width="191" height="26" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/index_15.png" width="191" height="48" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="48" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/index_16.png" width="191" height="26" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/index_17.png" width="191" height="48" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="48" alt=""></td>
    </tr>
    <tr>
    <td rowspan="3">
    <img src="images/index_18.png" width="191" height="237" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="179" alt=""></td>
    </tr>
    <tr>
    <td colspan="2">
    <img src="images/index_19.png" width="668" height="20" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/index_20.png" width="19" height="38" alt=""></td>
    <td colspan="4">
    <img src="images/index_21.png" width="799" height="38" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="38" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/spacer.gif" width="15" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="191" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="19" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="63" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="214" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="454" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="68" height="1" alt=""></td>
    <td></td>
    </tr>
    </table>




    <!doctype html>
    <html lang="en-us">
    <title></title>

    <meta name="description" lang="en" content="Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />
    <meta name="author" content="Lokesh Dhakar">

    <meta name="viewport" content="width=device-width">

    <link rel="shortcut icon" type="image/ico" href="images/favicon.gif" />
    <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <fieldset>
    </fieldset>
    <!-- end #content -->

    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/jquery-ui-1.8.18.custom.min.js"></script>
    <script src="js/jquery.smooth-scroll.min.js"></script>
    <script src="js/lightbox.js"></script><script>
    jQuery(document).ready(function($) {
    $('a').smoothScroll({
    speed: 1000,
    easing: 'easeInOutCubic'
    });

    $('.showOlderChanges').on('click', function(e){
    $('.changelog .old').slideDown('slow');
    $(this).fadeOut();
    e.preventDefault();
    })
    });

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-2196019-1']);
    _gaq.push(['_trackPageview']);

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

    </script>
    </body>
    </html>







  • öncellikle kodlara baktığım da samimi şekilde söylüyorum.
    profesyonel destek almanız gerektiğini anladım.

    sizin sayfanız sol tarafta örnek sayfa ortalı bir şekilde
    ve en önemlisi sizin sayfanız static bir sayfa örnek sayfa ise dinamic.
  • Blogger için hazırlanmış bir kod dizini var kendi sitene uygulayabilirsin. bahsettiğin durumdan biraz farklı ama genede işini görebilir :http://www.bloggerdersleri.com/2012/09/blogger-dersleri-genisleyen-ve.html
  • hocam sana farklı bir anternatif sunayım photoshop üzerinden file>automate>web photo gallery e tıklayarak yeni bir galeri oluşturabilirsin. Index olarak kayıt edecek. büyük ihtimalle sitede uygulamak istediğin özellik o galerilerin birisinde olacaktır, deneme yanılma yöntemi ile bulabilirsin
    • Yapay Zeka’dan İlgili Konular
    quicktime dan resim çekme
    18 yıl önce açıldı
    Sayfa bozuk açılıyor , yardım [Resimli]
    12 yıl önce açıldı
    Resim Yükleme Sitesi
    4 ay önce açıldı
    Daha Fazla Göster
    
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum