SitePoint Sponsor

User Tag List

Results 1 to 13 of 13

Hybrid View

  1. #1
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need to find error

    I hope I am posting this in the correct area. If not, please advise what area it should be put in.

    Now, I am not a Java person at all. I have copied the stuff into my page from another source, hopefully following the directions. However, I get an error on the page and the expected results are not even close to what I want.

    My page is http://saccc567.com/Test/Pictures09.html but I would hope the result would look something like the following page http://www.incarclubcouncil.org/photo-gallery.php

    When I use my page, there are errors. I don't understand them or maybe I did something wrong. Please advise as to what is wrong and/or how the best way to accomplish fixing the could be.

    Thanks
    F

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    3 Thread(s)
    http://saccc567.com/Test/Pictures09.html doesn't appear to work, but http://saccc567.com/Test/Pictures.html

    On that page, the error is that $ is not defined. Why? Because jQuery hasn't been loaded.

    Why not? Look at the following part of your page.

    Code javascript:
    <script type="text/javascript" src="../jquery/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="../jquery/jquery.easing.1.3.js"></script> 
    <script type="text/javascript" src="../jquery/jquery.fancybox-1.2.1.js"></script>

    Those files do not exist, which is the cause of your problem.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    Thanks. I forgot about the path - changed it and now works but...

    Need to understand how to change the font color of the "title". Can't seem to see that anywhere.

    Thanks again.

    F

  4. #4
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by fredep57 View Post
    Need to understand how to change the font color of the "title". Can't seem to see that anywhere.
    You can do all sorts of fancy formatting of the title, as demonstrated on the tips and tricks section of the fancybox site.

    However, to keep things simple, the fancybox css file is where you would go to set the title color.

    Code css:
    div#fancy_title div {
        color: #FFF;
        font: bold 12px Arial;
        padding-bottom: 3px;
    }

    For reference purposes, here is the HTML that the fancybox generates for the title.

    Code html4strict:
    <div id="fancy_title" style="display: block; opacity: 0; ">
        <table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
            <td class="fancy_title" id="fancy_title_left"></td>
            <td class="fancy_title" id="fancy_title_main"><div><span class="count">Image 1 of 14</span>Looks like someone is having a good time!</div></td>
            <td class="fancy_title" id="fancy_title_right"></td>
        </tr></tbody></table>
    </div>
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  5. #5
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    Thanks. This is not working for my picture page - http://www.saccc567.com/Test/Pictures.html.

    I was trying to get my pictures to emulate the example in Tip 7. (Custom title formating - lightbox style) of http://fancybox.net/blog but cannot figure it out.

    I know there are things in the page code that should not be there and maybe that is causing things to go "haywire".

    Thanks for your advise and help
    F

  6. #6
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by fredep57 View Post
    I was trying to get my pictures to emulate the example in Tip 7. (Custom title formating - lightbox style) of http://fancybox.net/blog but cannot figure it out.
    It looks like you've broken something.

    Take it back to where it was working before, and I'll help you on from there.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript


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
  •