Results 1 to 3 of 3

Thread: Homestead Editor Help?

  1. #1
    Join Date
    Jan 2007
    Location
    USA
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Homestead Editor Help?

    Hello,
    This is my first post here, and am trying my hand at putting together a website for a friend. Hope someone can help.
    Anyone experienced with Homestead? ...a WYSIWYG editor.

    I would like to add an image page similar to this one-
    www.woodardimages.com

    I was able to add images to my page, but need for the thumbnails to replace the main picture.....which they do not do, as there is an error on the page.

    This is the page I am editing
    http://www.jbnrphotography.com/image_test.html

    I do not want to put in the links at the bottom or the buy button, only the pictures, which I will change to my own pics of course.

    Thanks for any help!

    -john

  2. #2
    Join Date
    Jan 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i dont use the editor you mentioned, its possible with its interface to point and click your way into having the program generate the javascript necessary to do what you want , but basically the below will do what you want:

    you need to put something like this on all the thumbnails:
    ----------------------------------------------
    <a href="#" onMouseOver="swapImage(this.id);" id="nameOfTheLargerImage"><img src="YourPathToYourThumbnail.jpg"></a>
    ----------------------------------------------
    so the id of all the anchor tags is the SAME as the file name that is associated with the thumbnail.

    then at the top of the page inside the <head></head> tags, you have your function that handles the image changing:

    -----------------------------------------------
    <head>

    <script language="javascript">
    <!--
    function swapImage(id) {
    var myNewImage = "<img src='YourPathToYourThumbNails/'+id+'.jpg'+">";
    document.getElementById('yourDiv').innerHTML = myNewImage;
    }
    //-->
    </script>

    </head>

    -------------------------------------
    and the 'yourDiv' is a div in the page that is holding the larger versions of your images.. so just give that div an id name equal to the above reference ('yourDiv', in my example):
    <div id="myDiv"><img src="pathToYourImages/yourCurrentLargeImage.jpg"></div>

    so the function is just swapping out its innerHTML property to match your thumbnail a user mouses over.

    Theres probably dozens of different ways to handle what you want , but the above will do what you need.

    Hope that helps,
    moi

  3. #3
    Join Date
    Jan 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i looked at the page you want to mimic... you may just be able to grab their included .js file and have your page work like a charm.

    in the page you wish to copy there is an included .js file, look in your browsers cache and get the file: index.js

    either include that file in your page as they do with:
    <SCRIPT SRC="/javascripts/index.js" LANGUAGE="Javascript"></SCRIPT>
    (and make the appropriate directory 'javascripts')

    or copy the code outta that page and put it in your .html page.

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
  •