Simple Viewer in Dreamweaver

Discussion in 'Graphics Programs and Photo Gallery' started by cosmonaut, Dec 22, 2007.

  1. cosmonaut

    cosmonaut No longer a newbie, moving up!

    Joined:
    Oct 12, 2006
    Messages:
    1,122
    Likes Received:
    98
    Location:
    North Georgia
    Can others edit my Photos:
    Photos NOT OK to edit
    How do you incorperate Simple Viewer in Dreamweaver? Do you cut an paste the code in and if so I need step by step instructions or a link to them.
    Cosmo
     
  2. Digital Matt

    Digital Matt alter ego: Analog Matt

    Joined:
    Jan 30, 2004
    Messages:
    5,346
    Likes Received:
    65
    Location:
    Santa Barbara, CA
    Can others edit my Photos:
    Photos NOT OK to edit
  3. Jbs

    Jbs TPF Noob!

    Joined:
    Nov 18, 2007
    Messages:
    215
    Likes Received:
    0
    Location:
    Santa Monica, CA
    Can others edit my Photos:
    Photos OK to edit
    use picasa, it's free!
     
  4. tr0gd0o0r

    tr0gd0o0r TPF Noob!

    Joined:
    Jun 29, 2003
    Messages:
    942
    Likes Received:
    4
    Location:
    Shreveport, Louisiana
    Can others edit my Photos:
    Photos OK to edit
    Do you have at least a basic understanding of html? if not, this is a fairly difficult task. You have to copy the code from the index file included in the simple viewer download files, and paste that into the website you plan on using. I am about 1 for 5 in getting that to work properly, so hopefully someone else will be able to help you more efficiently.
     
  5. Jbs

    Jbs TPF Noob!

    Joined:
    Nov 18, 2007
    Messages:
    215
    Likes Received:
    0
    Location:
    Santa Monica, CA
    Can others edit my Photos:
    Photos OK to edit
    www.jc-detail.com

    thats my business site, simple viewer is used in the gallery pages

    (used dreamweaver for the main pages by the way)
     
  6. cosmonaut

    cosmonaut No longer a newbie, moving up!

    Joined:
    Oct 12, 2006
    Messages:
    1,122
    Likes Received:
    98
    Location:
    North Georgia
    Can others edit my Photos:
    Photos NOT OK to edit

    Yes. I have figured that out now. I am close to having it. I can not write HTML, but can cut and paste it and then insert picture files. Thanks for the help.
     
  7. memardis

    memardis TPF Noob!

    Joined:
    Jul 10, 2008
    Messages:
    1
    Likes Received:
    0
    Where are you pasting the code exactly? I trying so hard, but so lost.
     
  8. joyride

    joyride TPF Noob!

    Joined:
    Dec 21, 2005
    Messages:
    361
    Likes Received:
    0
    Location:
    Kalamazoo
    Can others edit my Photos:
    Photos OK to edit
    Here is the coding for my page (http://www.cognizantcog.com/car.html). I use Dreamweaver, sou you should be able to just copy/past this code in, then change the filenames to your liking.

    HTML:
    (put this in the header, just before the body)

    <!-- Hide from old Browsers
    var width,height
    var image,ext
    var cond1,cond2
    function transferview(image,width,height) {
    if (width==0) cond1=" "
    else cond1="width="+(width+20)+"";
    if (height==0) {cond2=" "
    scroll="yes"}
    else {cond2="height="+(height+70)+""
    };

    var s1 ="<TITLE>Image</TITLE>"
    var s15="<BODY style='background-color: black'>"
    var s2 ="<CENTER><IMG SRC= '"+image+"' BORDER=0>"
    var s3 ="<FORM><INPUT TYPE='image' name='imageField' src='images/close_button.jpg' VALUE='Close Window'"+
    " onClick='self.close()'>"
    var s4 ="</FORM></CENTER></BODY>"


    ImageWindow=window.open("", "newwin"+width,"toolbar=no,scrollbars="+scroll+",menubar=no,"+cond1+","+cond2);
    ImageWindow.document.write(s1+s15+s2+s3+s4)
    ImageWindow.document.close()
    }
    -->
    </SCRIPT>
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

    (this goes in the body and refrences the picture location)

    <ul id="picturelist">
    <li><a href="images/logo.jpg" rel="lightbox[roadtrip]"><img src="images/thumb_logo.jpg" width="60" height="60" alt="" /></a></li>


    You should be able to go from there. As you can see, you need the lightbox css to go in the 'text' folder. Also, place the images in an 'image' folder. I dont know too much abotu web stuff, but I had the same problem that you had to get it working. Let me know if I can help you more.
     
  9. joshuadavidcurtis

    joshuadavidcurtis TPF Noob!

    Joined:
    Sep 12, 2008
    Messages:
    1
    Likes Received:
    0
    Can others edit my Photos:
    Photos NOT OK to edit
    I have made the gallery in Photoshop. I just can't figure out how to "where" embed the code in to dreamveaver. Is there anyway to place it over "in" a photoshop created graphic for a index page?

    thank you for help!
     

Share This Page

Search tags for this page
add image viewer to dreamweaver
,
dream weaver picture viewer
,

dreamweaver photo viewer

,
how to add simple viewer in dreamweaver
,
image viewer dreamweaver
,
image viewer in dreamweaver
,
image viewer in dreamweaver html
,

photo viewer for dreamweaver

,
photo viewer in dreamweaver
,
pictureviewer in dw