Results 1 to 6 of 6

Thread: Incorperating the scrollable content with image slices in HTML

  1. #1
    Join Date
    Feb 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Incorperating the scrollable content with image slices in HTML

    scrollable content II
    http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm

    Basically, I don't know anything about coding. But I've designed a website, sliced it and all and have the HTML source, which is just a series of sliced images. I've incorperated a sliced spot where I want this scroll-content box to be, but I have no idea how to interject the javascript code into the lines of HTML. If I've confused you and you need me to re-phrase, ask me.

    Help...?


    Thanks a lot.

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Yes, you can insert the attributes:
    Code:
    onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"
    into (almost) any HTML tag to make it function as a scroll trigger.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  3. #3
    Join Date
    Feb 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Twey
    Yes, you can insert the attributes:
    Code:
    onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"
    into (almost) any HTML tag to make it function as a scroll trigger.
    but where do you put that in the HTML?
    I'm looking at a slice line like:
    Code:
    <td>
    			<img src="images/Untitled-5_03.gif" width="175" height="160" alt=""></td>
    and I want to make that sliced space into the scollable content box...

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    If Untitled-5_03.gif is a blank image, and you want to replace it with the content box, you'd remove its tag and paste the body section of the script in there.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  5. #5
    Join Date
    Feb 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    but what constitutes that image's tag?
    i replaced the
    Code:
    <img src="images/Untitled-5_03.gif" width="175" height="160" alt="">
    with the javascript, which screwed up the alignment on the rest of the page, so i replaced the entire
    Code:
    <td>
    			<img src="images/Untitled-5_03.gif" width="175" height="160" alt=""></td>
    with the javascript, but that screwed it up even more...

  6. #6
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    And here's the problem with using sliced-image pages On a normal page, the first you tried would have worked fine. I think you'll have to alter your page design a bit.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

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
  •