Results 1 to 9 of 9

Thread: Havn't a clue what I am doing wrong

  1. #1
    Join Date
    May 2008
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Havn't a clue what I am doing wrong

    1) Script Title: Lightbox JS v2.03

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...box2/index.htm

    3) Describe problem: Hi, I am trying to install the above script into my site, I have followed the instructions and put the scripts into my header(not sure if it is in the right place) and added the link to the photo to activate the lightbox, I have tried it on an old outdated page no longer on my site but and I am just getting an error message, I am not sure what I am doing wrong, I have viewed the source and the link to my pictures seem to be just a load of rubbish and not what I originally linked to, I would be grateful if anyone could help me with this.

    Elizabeth

  2. #2
    Join Date
    May 2008
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Sorry I should have put the link to the page I have added this too, it is:

    http://www.evy-designs.com/Putting_o..._bracelet.html

    thanks

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I think you used the wrong method to insert the link into your source code. It looks like this:

    Code:
    <a title="" href="&lt;a%20href=&quot;http://www.evy-designs.com/IMG_0781.jpg&quot;%20rel=&quot;lightbox&quot;%20title=&quot;my%20caption&quot;&gt;image%20#1&lt;/a&gt;"> . . . . </a>
    It should look like this:

    Code:
    <a href="http://www.evy-designs.com/IMG_0781.jpg" rel="lightbox" title="my caption"> . . . . </a>
    Also, the scripts:

    Code:
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>
    aren't available to the page where the above tags say that they will be. Each one should be in a folder 'js' off of the folder that the page is in. Be sure to also include effects.js in that folder, as it is called by scriptaculous.js.

    The style:

    Code:
    <link media="screen" type="text/css" rel="stylesheet" href="css/lightbox.css" />
    isn't there either. It should be in a folder named 'css' off of the folder where the page is.

    The above files are all in the distribution archive:

    http://www.dynamicdrive.com/dynamici...htbox2.03a.zip

    linked to on the demo page.

    There are also resource images in that archive, these should be in a folder 'images' off of the folder that your page is in.

    In the archive, all these files are there and are in their respective folders.

    There could still be other problems.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Littlebit (05-09-2008)

  5. #4
    Join Date
    May 2008
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thanks,

    I have re-check all the files, I think they are in the right places now, I just wanted to check with you when you said I may have used the wrong method to link to the source code, I have just clicked the add a link button, should I be doing this another way?

    thanks

    Elizabeth

  6. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    It looks as though the files are now in the right places. About the source code of your page - since I'm not sure what editor you are using for that, and I can't possibly be expected to know how each and every editor works, my suggestion to you would be to open the file in a plain text editor like NotePad, and make the correction. Just change this:

    Code:
    <a title="" href="&lt;a%20href=&quot;http://www.evy-designs.com/IMG_0781.jpg&quot;%20rel=&quot;lightbox&quot;%20title=&quot;my%20caption&quot;&gt;image%20#1&lt;/a&gt;">
    to this:

    Code:
    <a href="http://www.evy-designs.com/IMG_0781.jpg" rel="lightbox" title="my caption">
    and save. As long as the path and filename:

    Code:
    http://www.evy-designs.com/IMG_0781.jpg
    are correct, it will work.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Littlebit (05-09-2008)

  8. #6
    Join Date
    May 2008
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    thanks for all your help, I will give that a try.

    bye for now
    Elizabeth

  9. #7
    Join Date
    May 2008
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    yipee, just tried it and it worked, many many thanks.

    goodnight.

    elizabeth

  10. #8
    Join Date
    May 2008
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Sorry I am back again, I have managed to get link the script when I am using just one picture, however when I follow the instruction to use the group script, text is showing which is linked which is exactly what I want, but only linked from the picture not text.

    If anyone can spare the time and have a look, and let me know if possible where I am going wrong I would be most grateful. you can find the page at: http://www.evy-designs.com/Thundercloud.html.

    many thanks

    Elizabeth

  11. #9
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    If you want it to trigger off of an image, you need it to look like so in the source code:

    Code:
    <a href="http://www.evy-designs.com/IMG_5549-3.jpg" rel="lightbox[Thundercloud]" 
    title="Thundercloud"><img height="283" alt="" width="320" border="0" 
    src="/IMG_5549-3.jpg" /></a>
    I added the red to the link tag (which has an opening and closing tag) and the highlight to the image tag (which is just one piece), so that you can see how the two work together.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •