gallery

Discussion in 'HTML & Website Design' started by zaboer, Apr 29, 2012.

  1. #1
    how can i add a gallery(slideshow of images) to my website? (i use dreamweaver)
     
    zaboer, Apr 29, 2012 IP
  2. singh1720

    singh1720 Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    To create a image slideshow using only dreamweaver?, Video tutorial you can get more on youtube. For my recommendation you may use jQuery [FONT=Arial, Helvetica, sans-serif]because[/FONT] you can do all kind of image slide show. You need to download two things Go to the jQuery website and download it. And go to Tobia Conforto's (​
    tobia.github.com/CrossSlide/
    )and download the minified Cross Slide jQuery code.​
     
    singh1720, Apr 29, 2012 IP
  3. webcosmo

    webcosmo Notable Member

    Messages:
    5,840
    Likes Received:
    153
    Best Answers:
    2
    Trophy Points:
    255
    #3
    easiest in your case is using javascript gallery.
     
    webcosmo, Apr 29, 2012 IP
  4. zaboer

    zaboer Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    could some1 give me specific websites where they give free gallery codes?
    i need a slideshow in which i can put images of all sizes that wont get re-sized + images of all types like png, gif & jpg

    & i cant find any good gallery like that

    help pls!
     
    zaboer, Apr 30, 2012 IP
  5. johneva

    johneva Well-Known Member

    Messages:
    1,480
    Likes Received:
    46
    Best Answers:
    1
    Trophy Points:
    170
    #5
    johneva, Apr 30, 2012 IP
  6. zaboer

    zaboer Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    i like the minigal nano gallery but i dont know how to add it to my page :S

    page:
    <!DOCTYPE HTML>
    <html>
    <head>
    <title>Zaboer GFX</title>
    <meta name="description" content="website description">
    <meta name="keywords" content="website keywords, website keywords">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!-- modernizr enables HTML5 elements and feature detects --><script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
    </head>
    <body>
      <div id="main">
        <header><div id="logo">
            <div id="logo_text">
              <!-- class="logo_colour", allows you to change the colour of the text -->
              <img src="images/z-gfx.png" width="300" height="100" alt="photo_two">
            </div>
          </div>
          <nav><ul class="sf-menu" id="nav">
    <li><a href="index.html">Home</a></li>
              <li><a href="examples.html">Request</a></li>
              <li><a href="page.html">A Page</a></li>
              <li class="selected"><a href="another_page.html">Another Page</a></li>
              <li><a href="contact.php">Contact</a></li>
            </ul></nav></header><div id="site_content">
          <div id="sidebar_container">
            <div class="sidebar">
              <h3>Latest News</h3>
              <h4>Under construction</h4>
              <h5>April 19th, 2012</h5>
              <p>Z-GFX is currently under construction! The website will be ready within 1 or 2 weeks.</p>
            </div>
            <div class="sidebar">
              <h3>Useful Links</h3>
              <ul>
    <li><a href="http://www.gfx-dc.co.uk">GFX-DC</a></li>
                <li><a href="http://www.deviantart.com/">DeviantArt</a></li>
                <li><a href="http://wallbase.cc/home">Wallbase</a></li>
                <li><a href="http://planetrenders.net/">Planet Renders</a></li>
              </ul>
    </div>
          </div>
          <div class="content">
            <h1>Another Page</h1>
           
          </div>
    
        </div>    
    </div>
      <p>&nbsp;</p>
      <!-- javascript at the bottom for fast page loading -->
      <script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.easing-sooper.js"></script><script type="text/javascript" src="js/jquery.sooperfish.js"></script><script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script><script type="text/javascript">
        $(document).ready(function() {
          $('#images').kwicks({
            max : 600,
            spacing : 2
          });
          $('ul.sf-menu').sooperfish();
        });
      </script>
    </body>
    </html>
    Code (markup):
    this is their site
    http://www.minigal.dk/how-to-integrate.html
     
    zaboer, Apr 30, 2012 IP
  7. zaboer

    zaboer Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    pls tell me how to add it
     
    zaboer, Apr 30, 2012 IP
  8. netcommlabs

    netcommlabs Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    You just need to add scripting files in script folder and integrate code on the page where you want to add gallery.
     
    netcommlabs, Apr 30, 2012 IP
  9. johneva

    johneva Well-Known Member

    Messages:
    1,480
    Likes Received:
    46
    Best Answers:
    1
    Trophy Points:
    170
    #9
    johneva, May 1, 2012 IP