Home Buy, Sell & Trade - Cards & Memorabilia
Options

Can Anyone Help Me w/THUMBNAILING IMAGES For My Website???

I'd like all my scans to show up as little images, but when you click on each, it opens up full size in a new window. I have no idea how to do this. Can anyone help??

Thank you!!
Refs & Trade Page

Some wants:
49er Autos
Owens 96 Refractors
Garcia 99 Leaf R&S
89 UD R. Johnson
ANY Arod RCs
ANY Roy Williams
OKLAHOMA SOONERS

image

Comments

  • Options
  • Options
    just resize it... "height="XXXX" width="XXXXX">
    "You tell me; I hear , you teach me; I listen, you show me; I learn" -- ???

    Join My Forums/
  • Options
    Playr, Thank you! At a quick glance, that looks like a lot of work. I'll give it a try and lyk how it goes. Thanks again, both of you.
    Refs & Trade Page

    Some wants:
    49er Autos
    Owens 96 Refractors
    Garcia 99 Leaf R&S
    89 UD R. Johnson
    ANY Arod RCs
    ANY Roy Williams
    OKLAHOMA SOONERS

    image
  • Options
    Playr, what does this mean?
    Step 2 - Put a call to the closePopImg() function in your <BODY> tag as shown below.

    <BODY onUnload="closePopImg()">

    What do I put where it says "closePopImg()"?





    << <i> <!--BEGIN Pop-up Images Script------------------------------------------->
    <SCRIPT Language="JavaScript">
    <!--
    // Copyright 1999 - 2002 by Ray Stott, Pop-up Images Script ver 2.0
    // OK to use if this copyright is included
    // Script is available at http://www.crays.com/jsc

    var pic = null
    var popImg = null // use this when referring to pop-up image
    var picTitle = null
    var imgCount = 0
    var imgWinName = "popImg"

    function openPopImg(picName, windowTitle, windowWidth, windowHeight){
    closePopImg()
    picTitle = windowTitle
    imgWinName = "popImg" + imgCount++ //unique name for each pop-up window
    popImg = window.open(picName, imgWinName,
    "toolbar=no,scrollbars=no,resizable=no,width="
    + (parseInt(windowWidth)+20) + ",height="
    + (parseInt(windowHeight)+15))
    }
    function closePopImg(){ // close pop-up window if it is open
    if (navigator.appName != "Microsoft Internet Explorer"
    || parseInt(navigator.appVersion) >=4) //do not close if early IE
    if(popImg != null) if(!popImg.closed) popImg.close()
    }
    function setStatus(msg){
    status = msg
    return true
    }
    //-->
    </SCRIPT>

    <SCRIPT Language="JavaScript1.1">
    <!--
    // for Netscape 3+ and IE 4+
    var priorPic = new Array()
    var noPic = 0
    var foundit = false

    function openPopImg(picName, windowTitle, windowWidth, windowHeight){
    var i = 0
    if(pic == picName && winOpen()){
    popImg.focus()
    }
    else{
    foundit = false
    for(i=0; i<=noPic; i++){
    if (priorPic == picName)
    foundit = true
    }
    pic = picName
    closePopImg()
    picTitle = windowTitle
    imgWinName = "popImg" + imgCount++ //unique name for each pop-up window
    if(!foundit){
    priorPic[noPic++] = pic
    }
    popImg = openPopImgWin(imgWinName, windowWidth, windowHeight)
    }
    }
    function openPopImgWin(imgWinName, windowWidth, windowHeight){
    var winFeatures = "toolbar=no,scrollbars=no,resizable=no,width="
    + windowWidth + ",height=" + windowHeight
    return window.open("pimg.htm", imgWinName, winFeatures)
    }
    function winOpen(){
    if(popImg != null){
    if(popImg.closed != true) return true; else return false
    }
    else
    return false
    }
    //-->
    </SCRIPT>

    <SCRIPT Language="JavaScript1.2">
    <!--
    // Use this function to control placement of pop-up window
    // in Netscape 4+ and Internet Explorer 4+
    function openPopImgWin(imgWinName, windowWidth, windowHeight){
    var leftX = 20 // distance of window's left side from left of screen
    var topY = 20 // distance of window's top side from top of screen
    var winFeatures = "toolbar=no,scrollbars=no,resizable=no,width="
    + windowWidth + ",height=" + windowHeight
    if (leftX>0){
    winFeatures += ",screenX=" + leftX + ",left=" + leftX
    + ",screenY=" + topY + ",top=" + topY
    }
    return window.open("pimg.htm", imgWinName, winFeatures)
    }
    //-->
    </SCRIPT>
    <!--END Pop-up Images Script-------------------------------------------->
    >>

    Refs & Trade Page

    Some wants:
    49er Autos
    Owens 96 Refractors
    Garcia 99 Leaf R&S
    89 UD R. Johnson
    ANY Arod RCs
    ANY Roy Williams
    OKLAHOMA SOONERS

    image
  • Options
    <BODY onUnload="closePopImg()">

    Put the whole thing in the page's HTML. The Body is where all the stuff for your site goes, like links, text and all that, put <BODY onUnload="closePopImg()"> right before it.
  • Options
    www.acdsee.com image
  • Options
    Playr, this is how I'm wanting to do it: I'm just want to add small thumbnails to this page:

    http://members.tripod.com/49erfan33/id145.htm

    When I edit my page, where do I need to put the HTML code for each image?

    I use trillex, which has something called a "web gem". I choose that to upload links and stuff and can use it for my images. I have to insert the HTML code in one box, then choose the image that I want the "web gem" to represent.

    Is the "BODY" anywhere in this stuff below:


    << <i><< <!--BEGIN Pop-up Images Script------------------------------------------->
    <SCRIPT Language="JavaScript">
    <!--
    // Copyright 1999 - 2002 by Ray Stott, Pop-up Images Script ver 2.0
    // OK to use if this copyright is included
    // Script is available at http://www.crays.com/jsc

    var pic = null
    var popImg = null // use this when referring to pop-up image
    var picTitle = null
    var imgCount = 0
    var imgWinName = "popImg"

    function openPopImg(picName, windowTitle, windowWidth, windowHeight){
    closePopImg()
    picTitle = windowTitle
    imgWinName = "popImg" + imgCount++ //unique name for each pop-up window
    popImg = window.open(picName, imgWinName,
    "toolbar=no,scrollbars=no,resizable=no,width="
    + (parseInt(windowWidth)+20) + ",height="
    + (parseInt(windowHeight)+15))
    }
    function closePopImg(){ // close pop-up window if it is open
    if (navigator.appName != "Microsoft Internet Explorer"
    || parseInt(navigator.appVersion) >=4) //do not close if early IE
    if(popImg != null) if(!popImg.closed) popImg.close()
    }
    function setStatus(msg){
    status = msg
    return true
    }
    //-->
    </SCRIPT>

    <SCRIPT Language="JavaScript1.1">
    <!--
    // for Netscape 3+ and IE 4+
    var priorPic = new Array()
    var noPic = 0
    var foundit = false

    function openPopImg(picName, windowTitle, windowWidth, windowHeight){
    var i = 0
    if(pic == picName && winOpen()){
    popImg.focus()
    }
    else{
    foundit = false
    for(i=0; i<=noPic; i++){
    if (priorPic == picName)
    foundit = true
    }
    pic = picName
    closePopImg()
    picTitle = windowTitle
    imgWinName = "popImg" + imgCount++ //unique name for each pop-up window
    if(!foundit){
    priorPic[noPic++] = pic
    }
    popImg = openPopImgWin(imgWinName, windowWidth, windowHeight)
    }
    }
    function openPopImgWin(imgWinName, windowWidth, windowHeight){
    var winFeatures = "toolbar=no,scrollbars=no,resizable=no,width="
    + windowWidth + ",height=" + windowHeight
    return window.open("pimg.htm", imgWinName, winFeatures)
    }
    function winOpen(){
    if(popImg != null){
    if(popImg.closed != true) return true; else return false
    }
    else
    return false
    }
    //-->
    </SCRIPT>

    <SCRIPT Language="JavaScript1.2">
    <!--
    // Use this function to control placement of pop-up window
    // in Netscape 4+ and Internet Explorer 4+
    function openPopImgWin(imgWinName, windowWidth, windowHeight){
    var leftX = 20 // distance of window's left side from left of screen
    var topY = 20 // distance of window's top side from top of screen
    var winFeatures = "toolbar=no,scrollbars=no,resizable=no,width="
    + windowWidth + ",height=" + windowHeight
    if (leftX>0){
    winFeatures += ",screenX=" + leftX + ",left=" + leftX
    + ",screenY=" + topY + ",top=" + topY
    }
    return window.open("pimg.htm", imgWinName, winFeatures)
    }
    //-->
    </SCRIPT>
    <!--END Pop-up Images Script-------------------------------------------->
    >>
    >>

    Refs & Trade Page

    Some wants:
    49er Autos
    Owens 96 Refractors
    Garcia 99 Leaf R&S
    89 UD R. Johnson
    ANY Arod RCs
    ANY Roy Williams
    OKLAHOMA SOONERS

    image
  • Options
    Ahh, ok, you're using tripod. That code's good for making a page from scratch, I'm not sure if Tripod let's you use java. Do this:

    <A HREF="http://www.thepic.com/whatever.jpg" target="_blank"><img src="http://www.thepic.com/whatever.jpg" height="50" width="50"></a>

    You can change the size of the thumbnail by adjusting the width and height values, and the link will have it pop up in a new window, but it won't fit the new window's size to the image.
  • Options
    so doing it that way, do I need to have the images uploaded on the web already, like through auctionwatch?
    Refs & Trade Page

    Some wants:
    49er Autos
    Owens 96 Refractors
    Garcia 99 Leaf R&S
    89 UD R. Johnson
    ANY Arod RCs
    ANY Roy Williams
    OKLAHOMA SOONERS

    image
  • Options
    Right now, my images are just saved on my pc. They're not uploaded anywhere.
    Refs & Trade Page

    Some wants:
    49er Autos
    Owens 96 Refractors
    Garcia 99 Leaf R&S
    89 UD R. Johnson
    ANY Arod RCs
    ANY Roy Williams
    OKLAHOMA SOONERS

    image
  • Options
    Yeah, that would be best. I think auctionwatch charges now, I might be thinking of another site. Netscape gives you 20 megs of storage, and no bandwidth limits, I use that and MSN for my images, but MSN has loooong urls.
  • Options
    Thanks for all your help!
    Refs & Trade Page

    Some wants:
    49er Autos
    Owens 96 Refractors
    Garcia 99 Leaf R&S
    89 UD R. Johnson
    ANY Arod RCs
    ANY Roy Williams
    OKLAHOMA SOONERS

    image
Sign In or Register to comment.