Results 1 to 7 of 7

Thread: code for chromeless window with an image

  1. #1
    Join Date
    Jan 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool code for chromeless window with an image

    I have an existing image. I want to link it to another page using a chrome-less window. I am thinking of using this window:
    http://www.dynamicdrive.com/dynamicindex8/popwin.htm

    How do I change the code so I can use my image to link the window to (instead of to text)

    Im not very good at code, so layman's terms are appreciated.

    Thanks in advance.

  2. #2
    Join Date
    Feb 2009
    Posts
    303
    Thanks
    18
    Thanked 36 Times in 36 Posts

    Default

    I believe chromeless popup windows only work in IE6, if that's what you're talking about.

    A great alternative is inline-javascript-powered "windows" like FancyBox and Facebox.

    Cheers,
    X96
    Alex Blackie, X96 Design
    My Website
    I specialize in: HTML5, CSS3, PHP, Ruby on Rails, MySQL, MongoDB, Linux Server Administration

  3. #3
    Join Date
    Jan 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    humm, I don't think that's what I want.

    1. I have an image (jpeg) -- I want to click on it and it to open in a browser with no URL address or navigation. A really simply browser that can be resized. I have found several of these, but the code only comes with text being the link.

    I hope this makes sense -- Let me know if you need more details.

  4. #4
    Join Date
    Feb 2009
    Posts
    303
    Thanks
    18
    Thanked 36 Times in 36 Posts

    Default

    Ohh... Okay...

    To link an image, wrap the <IMG> tag in an <A> tag... Like so:
    Code:
    <a href="#"><img src="image.jpg" alt="" /></a>
    Hope this helps...

    // X96 \\
    Alex Blackie, X96 Design
    My Website
    I specialize in: HTML5, CSS3, PHP, Ruby on Rails, MySQL, MongoDB, Linux Server Administration

  5. #5
    Join Date
    Jan 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I am so lame with code
    could someone please tell me were to put the code <IMG> code -- here is the existing code. Again, I want to use an image to link to, not words:

    <a href="http://workoutsondemand.com/top_ten_review.html" onclick="NewWindow(this.href,'TopTenReview.com Website Review','600','400','yes','center');return false" onfocus="this.blur()">YourLinkText</a>

    thanks in advance!

    Pascale

  6. #6
    Join Date
    Feb 2009
    Posts
    303
    Thanks
    18
    Thanked 36 Times in 36 Posts

    Default

    We're all lame at some point...

    Right here:
    Code:
    <a href="http://workoutsondemand.com/top_ten_review.html" onclick="NewWindow(this.href,'TopTenReview.com Website Review','600','400','yes','center');return false" onfocus="this.blur()">
    <img src="YOUR_IMG_URL" alt="ALTERNATE TEXT (in case the image can't be displayed)">
    </a>
    // X96 \\
    Alex Blackie, X96 Design
    My Website
    I specialize in: HTML5, CSS3, PHP, Ruby on Rails, MySQL, MongoDB, Linux Server Administration

  7. #7
    Join Date
    Jan 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    This worked on all browsers EXCEPT IE. Does anyone know why. Here is the URL if you might be so kind to take a look

    http://workoutsondemand.com/default_top_ten.htm

    to see window, click on the long purple banner near top of page "Ranked 2010 Top Ten........"

    Thanks for your help in advance.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •