Forum Sementara Putera.com

Bersama kita perkemaskan forum ini sementara forum asal dalam pemulihan.

Forum putera dah kembali. Masalah sudah berjaya diselesaikan. Sila lawati http://forum.putera.com/tanya


    display kan gambar

    Share

    shah100
    Ahli Baharu
    Ahli Baharu

    Number of posts : 73
    Registration date : 12/05/2009

    Re: display kan gambar

    Post by shah100 on Wed Sep 02, 2009 1:24 pm

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Highslide JS</title>

    <!--
    1 ) Reference to the files containing the JavaScript and CSS.
    These files must be located on your server.
    -->
    <script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
    <link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
    <script type="text/javascript">
    // override Highslide settings here
    // instead of editing the highslide.js file
    hs.graphicsDir = 'highslide/graphics/';
    </script>

    <!--
    2) Optionally override the settings defined at the top
    of the highslide.js file. The parameter hs.graphicsDir is important!
    -->

    <script type="text/javascript">
    hs.graphicsDir = 'highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.fadeInOut = true;
    hs.outlineType = 'glossy-dark';
    hs.wrapperClassName = 'dark';
    hs.captionEval = 'this.a.title';
    hs.numberPosition = 'caption';
    hs.useBox = true;
    hs.width = 600;
    hs.height = 400;
    http://hs.dimmingOpacity = 0.8;

    // Add the slideshow providing the controlbar and the thumbstrip
    hs.addSlideshow({
    //slideshowGroup: 'group1',
    interval: 5000,
    repeat: false,
    useControls: true,
    fixedControls: 'fit',
    overlayOptions: {
    position: 'bottom center',
    opacity: .75,
    hideOnMouseOut: true
    },
    thumbstrip: {
    position: 'above',
    mode: 'horizontal',
    relativeTo: 'expander'
    }
    });

    // Make all images animate to the one visible thumbnail
    var miniGalleryOptions1 = {
    thumbnailId: 'thumb1'
    }
    </script>


    </head>

    <body>

    <!--
    3) Put the thumbnails inside a div for styling
    -->

    <div class="highslide-gallery">
    <!--
    4) This is how you mark up the thumbnail images with an anchor tag around it.
    The anchor's href attribute defines the URL of the full-size image. Given the captionEval
    option is set to 'this.a.title', the caption is grabbed from the title attribute of
    the anchor.
    -->

    <a class='highslide' id="thumb1" href= 'images/thumbstrip11.jpg' title="Two cabins"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src= 'images/thumbstrip11.thumb.png' alt=''/></a>

    <div class="hidden-container">

    <a class='highslide' href='images/thumbstrip12.jpg' title="Patterns in the snow"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip12.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip13.jpg' title="Cabins"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip13.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip14.jpg' title="Old stone cabins"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip14.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip15.jpg' title="A litte open water"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip15.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip16.jpg' title="Dipper"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip16.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip17.jpg' title="Dipper"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip17.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip18.jpg' title="Mountains"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip18.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip19.jpg' title="Birch trees"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip19.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip20.jpg' title="Highland woods"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip20.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip21.jpg' title="Frozen lake"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip21.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip22.jpg' title="Spring in the mountains"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip22.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip23.jpg' title="Spring in the mountains"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src='images/thumbstrip23.thumb.png' alt=''/></a>

    <a class='highslide' href='images/thumbstrip24.jpg' title="Fjord landscape"
    onclick="return hs.expand(this, miniGalleryOptions1)">
    <img src= 'images/thumbstrip24.thumb.png' alt=''/></a>

    </div>
    </div>
    </body>
    </html>
    aku refer yg ongbok bagi tu..

    shah100
    Ahli Baharu
    Ahli Baharu

    Number of posts : 73
    Registration date : 12/05/2009

    Re: display kan gambar

    Post by shah100 on Wed Sep 02, 2009 1:43 pm

    http://www.komputermalaysia.com/v2/demo/html/...jadi lebih kurang camni la

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: display kan gambar

    Post by OngBok on Wed Sep 02, 2009 1:57 pm

    ok..ko download skrip nie. scan dulu mana tau ada virus.
    aku tak scan lagi.

    http://komputermalaysia.com/download/imageshow.zip

    dalam tu ada 3 folder. buka folder html untuk lihat contoh.
    run fail index.html untuk tengok demo.

    Cara nak pinda.
    buka folder image, ko tengok dalam tu ada beberapa fail gambar.
    delete suma fail tu dan ganti dengan yang ko punyai. aku bagi contoh;

    file1.jpg (500x375)
    file1-thumb.jpg (72x50)

    file2.jpg (500x400)
    file2-thumb.jpg (72x52)

    dan begitulah seterusnya.

    Lepas tu buka folder html.
    edit fail index.html

    cari nama dan lokasi image, tukar supaya sesuai dengan ko punye.
    ko boleh tambah tag atau buang tag yang tak perlu.
    save fail index.html

    test dulu sebelum upload. ko kena upload semua sekali 3 folder tadi.

    itu saja.
    ok.


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    akuccputsedut
    Moderators
    Moderators

    Gender : Female Number of posts : 1268
    Age : 32
    Location : Bayan Baru Penang
    Job/hobbies : Programmer Analyst (oracle form,report,database,,jsp)
    Registration date : 10/06/2009

    Re: display kan gambar

    Post by akuccputsedut on Wed Sep 02, 2009 2:41 pm

    mak oii abg shah pakai ler
    Code:
    ler letak code tuh..hihihihihi...errmmm tak sempat nak cuba lagi tapi aku rasa ongbok bagi tuh ok laa...try dulu ler..ym ngan ongbok senang skit...hihihihihi


    --------------------------------------------
    blog aku : http://qhaseeh.blogspot.com
    Nak Beli Perfumes : http://myperfumes.via.my
    Nak senang topup : http://businesprepaid.via.my
    Nak makan sambil jana duit : http://islandredcafe.via.my

    Download E-Book Percuma : http://rajakamil.via.my

    Download 20 E-Book Percuma : http://20produkPercuma.via.my

    shah100
    Ahli Baharu
    Ahli Baharu

    Number of posts : 73
    Registration date : 12/05/2009

    Re: display kan gambar

    Post by shah100 on Wed Sep 02, 2009 3:17 pm

    mekasih ongbok...ni aku cubaa

    shah100
    Ahli Baharu
    Ahli Baharu

    Number of posts : 73
    Registration date : 12/05/2009

    Re: display kan gambar

    Post by shah100 on Wed Sep 02, 2009 3:38 pm

    ongbok..kenapa bila buka kat frontpage pastu bila nak preview file index tu ade error scrip,
    tak leh nak preview

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: display kan gambar

    Post by OngBok on Wed Sep 02, 2009 4:35 pm

    cuba buka fail index.html dengan wordpad.
    edit dari situ


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    shah100
    Ahli Baharu
    Ahli Baharu

    Number of posts : 73
    Registration date : 12/05/2009

    Re: display kan gambar

    Post by shah100 on Wed Sep 02, 2009 5:11 pm

    macam mana pulak nak negok preview..kalau dah siap buat

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: display kan gambar

    Post by OngBok on Wed Sep 02, 2009 7:05 pm

    double click jer fail index.html


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    shah100
    Ahli Baharu
    Ahli Baharu

    Number of posts : 73
    Registration date : 12/05/2009

    Re: display kan gambar

    Post by shah100 on Thu Sep 03, 2009 9:08 am

    mekasih ongbok...berjaya jua akhirnye

    shah100
    Ahli Baharu
    Ahli Baharu

    Number of posts : 73
    Registration date : 12/05/2009

    Re: display kan gambar

    Post by shah100 on Mon Sep 14, 2009 2:01 pm

    ongbok...napa kalau buka fail index lam kau bagi tu jadi..tapi bila masukan lam frame yg aku wat tu bila priviu kotak2 kecik tu tak kuar..kena klik kotak besar tu baru kotak kecik kuar

    Sponsored content

    Re: display kan gambar

    Post by Sponsored content Today at 12:03 pm


      Current date/time is Thu Dec 08, 2016 12:03 pm