detect if div is visible

Hi, I am using Jquery to detect if a div is visible in a browser and then if it is run from the Ajax code.  Is someone can you please advise me where my mistake/s are in this code? Thank you!!

< script >

function topInViewport (element) {}

Return $(element) may () .top > = $(window) .scrollTop () & & $(element) may () .top < = $(window) .scrollTop () + $(window) () .height;

}

< /script >

< script >

$(window) .one ("load resize scroll", function (e) {})

topInViewport ($("#mydivname"))

}) / / returns true or false

{

ajaxcode goes here

}

OK we will use jQuery . on() which is more elegant

--

Kenneth Kawamoto

http://www.materiaprima.co.UK/

Tags: Dreamweaver

Similar Questions

  • Bluetooth usb is detected installed, but the visibility device cannot be achieved always windows cannot save this parameter returns an error

    I use Windows XP sp3

    An error has occurred so that windows saves your settings, the following parameter were not saved

    discovery settings
    connection settings

    Looking forward for your support

    Hello
     
    Bluetooth driver may need to be updated to work properly.  I would recommend to go to the support site for the manufacturer of the computer and update the drivers to see if that helps.
     
    Try the methods listed in the section below to resolve this issue:
  • Importing data from XML form in hidden form fields &amp; making it visible if the book value

    Hello:

    I export the data in the form submitted, and important in the 2nd-> 3-> etc... Forms, however, a lot of these areas, I want to be kept hidden, unless they have a value. When I import data from field of forms 1, it will be smooth, however if the fields are hidden, you must go through the selection of checkboxes to make it visible again or just do all visible all the time. I was wondering if there is a feature or coding that would go in the direction of: Once imported XML favorite on click on the button "Update fields", go through fields and if hidden fields now have a value do what subform/Sub-sous-form Visible.

    The reason is that if you do have an incident report form which can take 10 names of employees, but only 2 were involved in an incident, it would look very cluttering on the survey form, if there are 10 fields name employee, 10 fields, 10 fields of plane location, etc... But only 2 employees have been involved in a minor incident on the incident report form which does not imply anything else.

    Any suggestion or help would be greatly appreciated and thanks for gratefull to any answer.

    Nicely,

    Al

    Thank you for pointing me in the right direction... A little elbow grease, of coffee, patience, and did I mention the patience and the following works without fault

    Created at the mouse from the export button:

    xfa.host.exportData("",0)

    The button import of other form value:

    xfa.host.importData)

    See the sections "Check boxes" to see if this article is supposed to be visible and makes visible the value of import form form: Ready:

    if(Button_DelDep.RawValue == 1)

    {

    Del_Dep.presence = "visible";

    }

    if(Button_DelArr.RawValue == 1)

    {

    Del_Arr.presence = "visible";

    }

    if(Button_Div.RawValue == 1)

    {

    Div.Presence = "visible";

    }

    if(Button_MADiv.RawValue == 1)

    {

    MADiv.presence = "visible";

    }

    if(Button_DelDepXD.RawValue == 1)

    {

    Del_DepXD.presence = "visible";

    }

    if(Button_Other.RawValue == 1)

    {

    Other.Presence = "visible";

    }

  • The links don't work is not inside layers div w / absolute positioning / z-index

    My page has a picture of 100% swf full page in a div z-index 1. on the top is another div z-index 2 with links to other pages of my site.

    First of all the links should work in the layer upper div with absolute positioning?

    If yes what Miss me? When I click on the links, nothing happens.

    code-

    " < html xmlns =" http://www.w3.org/1999/xhtml "XML: lang ="fr"lang ="fr"> ".
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = iso-8859-1 "/ >"
    sitename < title > < /title >
    < script language = "javascript" >
    AC_FL_RunContent = 0;

    function MM_preloadImages() {//v3.0
    var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();
    var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)
    If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}
    }
    < /script >
    < script src = "AC_RunActiveContent.js" language = "javascript" > < / script > "
    < style type = "text/css" >
    < / style >
    < link href = "css/layout.css" rel = "stylesheet" type = "text/css" > "
    < / head >

    < div id = "contentWrap" >
    < div id = "contentHead" >
    < div id = "logo" > swf with link < / div >
    < div id = "Visibility" > swf with links < / div >
    < / div >

    < div id = "contentBody" >
    < div id = "body" > content Page, photos and download links < / div >
    < div id = "bodyBG" > box translucent (transparent wmode) swf < / div >
    < / div >
    < / div >


    < div id = "footWrap" >
    < div id = "footSpacer" > < / div >
    < div id = 'foot' >
    < div id = "catlogo" > link of the swf logo < / div >
    < / div >
    < / div >
    < / div >

    < div id = "wrap" random images of > 100% background swf < / div >

    < / body >
    < / html >

    CSS - code

    @charset "ISO-8859-1";
    * {
    margin: 0px;
    }
    #wrap {}
    height: 100%;
    Width: 100%;
    min-width: 1000px;
    min-height: 700px;
    z-index: 1;
    margin: 0px;
    position: absolute;
    }
    {#contentWrap}
    height: 100px;
    Width: 100%;
    min-width: 1000px;
    min-height: 700px;
    z-index: 2;
    position: absolute;
    }
    {#contentWrap #contentHead}
    height: 25px;
    Width: 100%;
    padding-top: 50px;
    padding-bottom: 25px;
    }
    #contentWrap #contentHead #logo {}
    height: 25px;
    Width: 155px;
    padding-left: 50px;
    float: left;
    }
    #contentWrap #contentHead #topNav {}
    float: right;
    height: 25px;
    Width: 567px;
    padding-right: 50px;
    }
    {#contentWrap #contentBody}
    height: 85%;
    Width: 100%;
    min-width: 1000px;
    min-height: 550px;
    }
    #contentWrap #contentBody #body {}
    height: 485px;
    Width: 860px;
    right margin: 50px;
    margin-left: 50px;
    float: left;
    padding: 20px;
    z index: 3;
    position: absolute;
    }
    #contentWrap #contentBody #bodyBG {}
    height: 525px;
    Width: 900px;
    right margin: 50px;
    margin-left: 50px;
    float: left;
    }
    {#footWrap}
    height: 100%;
    Width: 100%;
    z index: 3;
    min-width: 1000px;
    min-height: 700px;
    position: absolute;
    }
    {#footWrap #footSpacer}
    height: 90%;
    Width: 100%;
    }
    {#footWrap #foot
    height: 10%;
    Width: 100%;
    text-align: right;
    }
    #footWrap #foot #catlogo {}
    float: right;
    height: 16px;
    Width: 80px;
    padding-top: 25px;
    padding-right: 50px;
    }

    The only thing that will cause links not working, that is if there is a positioned element by hiding links from mouse events.  In your case, it would be #footWrap div that is SUPERIOR to any other element on the page (with a z-index 3).  "But not' tell you, because div #body has also a z-index 3, to which I say" you forget that div #body is contained in the #contentWrap div that has a z-index of 2, so #body div has a z-index effective from 2-in regard to the rest of the page is concerned. "  The z-index 3 is ONLY IN THE CONTEXT OF THE PARENT DIV.  Div #body would be higher than another brother positioned with a z-index of 2 and less than another child of the same parents with a z-index of 4, but each of them would never to anything other than a z-index of the 2 visa-vis the page.

    Furthermore, your complete disposal scheme is sure to cause problems.  This isn't the purpose for which the absolute positioning was intended...

  • Hide / show div

    Hello everyone

    I searched a lot and found nothing! My problem is:
    I have a page with pictures n. There is information related to each image. Yes, the images and information are stored in a query (see code).
    The images appear one after the other, assuming that online. Somewhere on the page I have a div (alone!) in which I would like to show the information related to the image, the mouse moves above. The information should appear onmouseover and disappears onmouseout. OnClick, that I would like that the div is visible.

    I was checking on cfdiv and vflayout, but I did not understand it at all... :-(

    Let's hope at least that my description above is understandable! Otherwise let me know.

    Thank you very much

    You will need to sharpen some of the themes. Start by the following example.

  • How to: display the note gross negligence in the front?

    Hi guys,.

    When the 'error' there is an error, I want to display a HUGE RED TEXT in the saying of the FAÇADE: "STOP, ERROR DETECTED!"  )

    How to do this?

    Thanks for your help.

    Place an indicator on the Panel. The text value HUGE and RED and set the value to 'STOP, ERROR DETECTED'. Make no visible. When you get an error, use the 'Visible' property node to display.

    To learn more about LabVIEW, it is recommended that you go through the tutorials and look over the material in tutorials the NI Developer Zone Learning Center , which provides links to other materials and other. You can also take a course online for free.

  • page content full text of centering no?

    Y at - it a way to Center a page content after the navigation bar that is not Center the text.

    Seal the Image with the code below
    1. what I have now

    2. what I want

    Untitled-2.png

    CODE:

    <! DOCTYPE html >

    < html lang = "en" >

    < head >

    < meta charset = "UTF-8" >

    < meta http-equiv = "X-UA-Compatible" content = "IE = edge" >

    < meta name = "viewport" content = "width = device-width, original scale = 1" >

    < title > Getting Started With Long term insurance < /title >

    <!-"bootstrap"->

    < link href = "css/bootstrap.css" rel = "stylesheet" > "

    < link href = "style.css" rel = "stylesheet" type = "text/css" > "

    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >

    <!-WARNING: Respond.js does not work if you view the page via file://-->

    <!-[if lt IE 9] >

    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .

    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .

    <! [endif]-->

    < / head >

    < body >

    < div class = 'container-fluid' id = 'wrapper' >

    < center >

    < div class = "container" >

    < div class = "visible-xs" >

    " < img alt ="mobileheader"class ="img-reagent"src =" http://ltcinsurancecomparison.com/images/header2016-mobile.PNG " />

    < / div >

    < div class = "hidden xs" >

    " < img alt ="desktopheader"class ="img-reagent"src =" http://ltcinsurancecomparison.com/images/header2016.PNG " />

    < / div >

    < / div >

    < nav class = "navbar, navbar-default" >

    < div class = "container" >

    <!-brand and toggle get grouped together for better mobile display->

    < div class = "bar navigation-header" >

    < button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target = "#defaultNavbar1" > < span class = 'sr-only' > toggle navigation </span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < / button >

    < a class = 'bar of navigation-brand' href = "index.html" > home < /a > < / div >

    <!-collect the nav links, forms, and other content to alternate->

    < div class = "navbar-collapse collapse" id = "defaultNavbar1" >

    < ul class = "navbar-nav nav" >

    < li > < a href = "ltcinsurance.html" > insurance LTC < /a > < /li >

    < li > < a href = "whopays.html" > who pays? "" < /a > < /li >

    < li > < a href = "qualifications.html" > Qualifications < /a > < /li > ""

    < li > < a href = "quotes.html" > Custom quote < /a > < /li > "

    < class li = "dropdown" > < a href = "#" class = "menu drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > more < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    < li > < a href = "aarp.html" > insurance AARP < /a > < /li >

    < li > < a href = "alzheimers.html" > Alzheimer < /a > < /li > ""

    < li > < a href = "annuity.html" > annuity with LTC Rider < /a > < /li > ""

    < li > < a href = "claims.html" > claims & providers < /a > < /li > ""

    < li > < a href = "lifeltc.html" > life insurance Rider SLD < /a > < /li >

    < li > < a href = "partnership.html" > partnership Asset Protection < /a > < /li > ""

    < li > < a href = "protectingassets.html" > protect assets < /a > < /li > ""

    < li > < a href = "samplequotes.html" > sample quote < /a > < /li > ""

    < li > < a href = "selfinsure.html" > itself < /a > < /li > ""

    < li > < a href = "veterans.html" > veterans < /a > < /li > ""

    < /ul >

    < /li >

    < li >

    < form id = searchbox_005967985379871493650:f9l9h477th8 action = http://www.ltcinsurancecomparison.com/searchresults.html > < input type = hidden name = cx value = 005967985379871493650:f9l9h477th8 / > < input type = hidden name = value cof = FORID: 11 / > < input name = q type = space reserved for text = "Search" size = 6 / > < / form > < /li >

    < /ul >

    < / div >

    <!-/ .navbar-collapse--> <!-/ .container-fluid->

    < / nav >

    < / div >

    < /Center >

    < section >

    < div class = "container" >

    <! - content here - >

    < div class = "maintext" >

    < p > < span class = "h3" > Getting Started With Long term insurance </span > < / p >

    < p > < strong > insurance is a way to protect your money. < facilities > < / p >

    < p > the largest group of people who buy long-term care insurance is those who have had a personal experience. They saw their mothers or fathers all spend on care, the impact on them and their families, and they don't want that to happen to their spouse and children. < /p >

    Change what you now have this:

    Getting Started With of long term care insurance

    Insurance is a way to protect your money.         

    The largest group of people who buy long-term care insurance is those who have had a personal experience. They saw their mothers or fathers all spend on care, the impact on them and their families, and they don't want that to happen to their spouse and their children.

    Add this to your custom CSS file:

    . Center-block {float: none}

    Nancy O.

  • Protect a Page

    Hello

    with this code I can hide the menu point "HOT OFFER" linked to the hotoffers.php page, so ONLY connected the user can see it, BUT when NOT connected the user gives the url in the browser xxxx.com/hotoffers.php, he can see the page without connection, then how can I solve this in a simple way

    < div id = "Visibility" >

    < nav >

    < ul >

    < li > < a href = "index.php" > HOME < /a > < /li >

    < li > < a href = "aboutus.php" > ABOUT US < /a > < /li > ""

    < li > < a href = "services.php" > SERVICES < /a > < /li > ""

    < li > < a href = "#" > ACCOMMODATIONS < /a > < /li >

    < li > < a href = "#" > OUTSOURCING < /a > < /li >

    <? PHP if (isset($_SESSION['MM_Username'])) {? > < li > < a href = "hotoffers.php" > HOT OFFER < /a > < /li > <? ' "} PHP}? >

    < li > < a href = "#" > CONTACT < /a > < /li >

    < /ul >

    < / nav >

    < / div >

    Thank you

    Top of the page put this over another PHP block:

    <>

    If (! isset {session_start() ;})

    If (! isset ($_SESSION ['MM_Username'])) {}

    Header ('Location: path_to_login_page.php "");

    "exit";

    }

    ?>

    [CODE CORRECTED AFTER SUBMISSION]

  • Compaq Presario CQ5210F - is supported HD resolution?

    The integrated video controller and VGA give on this computer individual support 1920x1080P or 1600 x 900 resolution with at least 16-bit (32-bit favorite) color depth? I'm looking to replace my old CRT monitor to 1280 x 1024 with a model of LCD and all seem to be in 16:9 format these days.

    Windows 7 configuration screen lists the controller as a "GeForce 6150SE nForce 430" and seems to only list of video formats 4:3 picture format.

    I prefer widely not having to purchase and install a video controller card in order to get the support of 16:9 image format. I'm not playing or watching DVDs or H-Res video streaming on the computer.

    I now have a 21.5 "1920 x 1080 monitor running at a refresh rate of 60 Hz on the VGA port. I use a three foot with lines of coaxial signal cable. All pixels are sharp and I can't detect all of the visible artifacts of execution through the VGA port.

  • Help! Post online on Dreamweaver does not!

    I'm relatively new to Dreamweaver and am currently trying to design a Web page on it for a school project. Everything was going well until I came across a problem. When you try to make my navagation bar and social media links show horizontally, the way most nav bars are on Web sites, I found that the addition of the display: inline; attribute to my css didn't do anything.

    Here is my current code;

    CSS

    #outer{width: 960px; margin: 0 auto; background-color: #FFF;}}

    #wrapper{width: 900px; margin: 0 auto; background-color: #FFF;}}

    #logo{margin: 30px 0px; float: left ;}}

    #social-media-icons{float: right;}}

    #social - media - icons ul li {display: inline ;}}

    #topnav{clear: both;}}

    #banner{}

    #content{}

    #rightside{}

    #footer{}

    Li #topnav{list-style-type: none ;}}

    #social - media - icons li {list-style-type: none ;}}

    HTML

    < div id = 'social-media-icons' >

    < li > < img src = "smi.jpg" / > < /li > "

    < li > < img src = "yt.jpg" / > < /li > "

    < li > < img src = "sm2.jpg" / > < /li > "

    < li > < img src = "pin.jpg" / > < /li > "

    < / div >

    < div id = "Visibility" >

    < li > < a href = "index.html" > HOME < /a > < /li >

    < li > < a href = "runway.html" > TRACK < /a > < /li > ""

    < li > < a href = "designers.html" > DESIGNERS < /a > < /li > ""

    < li > < a href = 'up and coming.html' > UP AND COMING < /a > < /li >

    < li > < a href = "contact.html" > CONTACT < /a > < /li > ""

    < / div >

    Does anyone know why this is and how I can make it work so that it makes my bar of nav and social media icons the way you would normally see on Web sites?

    Thanks in advance

    What is your CSS selector-

    #social - media - icons ul li {display: inline ;}}

    but your code is.

There is NO

    TAG THERE! This makes your list invalid HTML. Make your lists valid HTML and see what happens.

  • Database of the form entries

    I wanted to create a database of what users are entered in my form. I understand a plan of Marketing of Business Catalyst includes a database, but I prefer to use one of the 5 Basic sites that are already included in my subscription of the CC.

    So I want to know what are my options when it comes to do this without the marketing plan. Would it be possible to have a form automatically put shipping in Google Drive, Numbers, Excel, etc. (at least in the short term)

    If end up going with the marketing plan, BC has this feature in and how would I be able to try this in my trial site?

    I would have preferred using the form of Muse Adobe rather than opting for a third-party solution, but all ideas are welcome.

    This can be achieved in ways, accordion, javascript or jQuery code snippets widget.

    With Muse, you can add the shape on the accordions which will display the 'Type' where once the user clicks on a single type, that specific tab will open and form can be submitted, similarly to other types. You won't have any coding to do this.

    On the end of BC, you can create forms, but the action of page you are looking for would need to slightly twist with the code.  It would be like 4 separate forms are each stored in divs, each visible via a tab (so it's a scenario based accordion, except that the tabs are replaced by check marks). Essentially on A verification, a form appears, if B is selected, a different form is displayed, even if initially the A / B check does not part of a form, just a cheque/tab that activates / reveals the true shape, the respective value (a / b), can still be hardcoded in the form.

    The codes are available for free on the internet, you can search from js hide the content if necessary.

    For live chat team, connect to your site admin section and then click Help and support, the page will show you the options for the cat.

    Thank you

    Sanjit

  • How can I change the font on my journey please.

    Hi, I want to change my font on my top nav because it is a little annoying and add some color.  Can you tell me how to change the font, I think I know how to do the color.

    www.bristolequestrianservices.co.UK

    < div id = "Visibility" >

    < ul >

    < li > < a href = "index.html" > home < /a > < /li >

    < li > < a href = "stablesandfieldshelters.html" > Stable and shelters field < /a > < /li > ""

    < li > < a href = "pricelist.html" > price list < /a > < /li > "

    #topnav

    {clear: both;}  }




    #topnavUL

    {border-top: 3px #000 solid; border-bottom: 3px #000 solid;}






    margin: 20px 0; padding: 10px 0;}
    #topnav ul li
    {display: inline ;}}
    #topnav ul li a
    {padding: 0 15px;}

    #topnav a: link

    {color: #000;}  }
    #topnav a: visited
    {color: #000;}  }
    #topnav a: active
    {color: #000;}  }
    #topnav a: focus

    {color: #666;}  }
    #topnav a: hover{color: #f90;}  }

    < li > < a href = "gallery.html" > Gallery < /a > < /li > ""

    < li > < a href = "contactus.html" > contact us < /a > < /li >

    < /ul >

    < / div >

    Whenever I do this it works but dreamweaver then continues to crash, do you have an idea what is wrong.

  • Why am I hyperlinks without using the &lt; a &gt; tags &lt; / a &gt;?

    I'm using Dreamwever6 and im very new to this.

    I have the code as a link when I saw, but there is no anchor for a link tag.  I saw in Fire Fox, Safari and Chrome.  I have included the HTML below.  The lines, which display the incorectly are in bold.

    <! doctype html >

    < html >

    < head >

    Project < title > < /title >

    < body >

    < div id = "top" >

    < div id = "logo" >

    < img src = "_img/ManchesterLogo.jpg" / > "

    < / div >

    < div id = 'social media' >

    < p > for additional information < br / > please call 555-555-0000 < /p >

    < ul >

    " < li > < a href =" http://www.Facebook.com "/ > < img src =" # "/ > < /li > .

    " < li > < a href =" http://www.Twitter.com "/ > < img src =" # "/ > < /li > .

    < li > < a href = "#" / > < img src = "#" / > < /li >

    " < li > < a href =" http://www.LinkedIn.com "/ > < img src =" # "/ > < /li > .

    " < li > < a href =" http://www.Yelp.com "/ > < img src =" # "/ > < /li > .

    " < li > < a href =" http://www.YouTube.com "/ > < img src =" # "/ > < /li > .

    < /ul >

    < / div >

    < / div >

    < div id = "Visibility" >

    < ul >

    < li > < a href = "#" / > welcome < /li >

    < li > < a href = "#" / > on < /li >

    < li > < a href = "#" / > < /li > Products

    < li > < a href = "#" / > Services < /li >

    < li > < a href = "#" / > Gallery < /li >

    < li > < a href = "#" / > Contact < /li >

    < /ul >

    < / div >

    < div id = "banner" >

    < img src = "#" / >

    < / div >

    < div id = 'content-wrapper' >

    < div id = "content" >

    < H1 >it is a a level title that displays as a hyperlink. < / h1 >

    < p >this paragraph shows as a link hypertext. < /p >

    < / div >

    < div id = "right" >

    < / div >

    < / div >

    < div id = "footer" >

    < / div >

    < / body >

    < / head >

    < / html >

    You are going to have a Palm to the forehead, Oh haaaaa moment.

    You didn't close your menu tags anchor.

    Change this:

    • Welcome
    • On
    • Products
    • Services
    • Gallery
    • Contact

    To do this:

    • Welcome

  • On
  • Products
  • Services
  • Gallery
  • Contact
  • Nancy O.

  • My Index and contact page pulled my top nav

    Only, I changed my contact styles on my Index page and now my top nav went upward. On my contact page, I've added two images so I understand that I have to add code to do with it, but don't know how to get it right back.

    When I veiw my contact page my wamp so server it all fine eyes, which is why I uploaded it on the server.  Anyone know why this should be?

    can www.bristolequestrianservices.co.UK. anyone help please?

    Thank you

    < / head >

    < body >

    < div id = 'outside' >

    < div id = 'wrapper' >

    < div id = "logo" >

    < img src = "images/banner1.jpg" / > "

    < / div >

    < div id = 'social-media-icons' >

    < ul >

    " < li > < a href =" https://www.Facebook.com/groups/150449201771804/ "> < img src="images/icons/facebook.jpg "/ > < / a > < /li >

    "< li > < a href =" £"> < img src="images/icons/rss.jpg "/ > < / has > < /li >

    " < li > < a href =" http://www.Twitter.com "> < img src="images/icons/twitter.jpg "/ > < / a > < /li >

    "< li > < img src="images/icons/youtube.jpg "/ > < /li >

    < /ul >

    < / div >

    < div id = 'contact' >

    < p > < span class = "big blue" > Bristol equestrian Service </span > < br >

    Tel: 0117 9190060 / 07900538697 < br >

    Email: [email protected] < br >

    [email protected]< /p >

    < / div

    > < div id = "Visibility" >

    < ul >

    < li > < a href = "index.html" > home < /a > < /li >

    < li > < a href = "stablesandfieldshelters.html" > Stable and shelters field < /a > < /li > ""

    < li > < a href = "pricelist.html" > price list < /a > < /li > "

    < li > < a href = "gallery.html" > Gallery < /a > < /li > ""

    < li > < a href = "contactus.html" > contact us < /a > < /li >

    < /ul >

    < / div >

    < div id = "banner" >

    < img src = "images/newbanner.jpg" / > "

    < / div >

    / * Containers * /.

    #outer {width: 960px; margin: 0 auto; background: #FFF ;}}

    #wrapper {width: 900px; margin: 0 auto; background: #FFF ;}}

    #logo {margin: 30px 0; float: left ;}}

    social-media-icons # {float: right ;}}

    #social - media - icons ul li {display: inline ;}}

    #social - media - icons ul {margin-top: 40px ;}}

    #social-media-icons2 {float: left ;}}

    #social - media - icons2 ul li {display: inline ;}}

    #social - media - icons2 ul {margin-top: 10px ;}}

    #topnav {clear: both;}  }

    #topnav ul {border-top: 1px #000 solid; border-bottom: 1px #000 solid;}

    margin: 20px 0; padding: 10px 0;           }

    #topnav ul li {display: inline ;}}

    #topnav ul li a {padding: 0 15px;}

    #topnav a: link {color: #000;}  }

    #topnav a: visited {color: #000;}  }

    #topnav a: active {color: #000;}  }

    #topnav a: focus {color: #666;}  }

    #topnav a: hover {color: #f90;}  }

    #banner {margin-bottom: 30px;}  }

    #rightside {width: 200px; float: right}

    #content {width: 650px; float: left;}  }

    #content-brace {width: 100% ;}}

    #footer {clear: both; margin-0 from top: 20px; border-top: 1px solid; #ccc}

    I didn't ask allows you to remove the #rightside css selector {width: 200px; float: right} - replace as below - before the #rightside h2 css selector:

    #rightside {width: 200px; float: right}

    #rightside h2 {}

    font size: 24 PX.

    color: #999;

    make-weight: normal;

    margin: 0 0 0 0;

    padding: 0 10px 0 0; / * top-right-bottom-left * /.

    }

    It's the cause likely reason why your are not where you want to be them.

  • My images are missing "icon then, close - can someone help!

    I'm not too sure of what you may need to look at this issue, but I understood what I think, it may be necessary because no way can I resolve this issue... .to difficult for me.

    Source code

    <! DOCTYPE HTML >

    < html >

    < head >

    < script type = "text/javascript" src = "js/jquery.js" > < / script >

    < script type = "text/javascript" src = "js/timothy.js" > < / script >

    < link href = "css/styles.css" rel = "stylesheet" type = "text/css" media = "screen" > "

    < link href = "css/print.css" rel = "stylesheet" type = "text/css" media = "print" > "

    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

    < meta http-equiv = "Content-Type" content = "hidden" / >

    < name meta = "robots" content = "INDEX, FOLLOW" / >

    < name meta = "keywords" content = "Enter keywords" / >

    < name meta = "description" content = "Description here" / >

    < title > Bristol equestrian Services < /title >

    < script type = "text/javascript" src = "js/jquery.js" > < / script >

    < script type = "text/javascript" src = "js/lightbox.js" > < / script >

    < link href = "css/lightbox.css" rel = "stylesheet" type = "text/css" media = "screen" / > "

    < script type = "text/javascript" >

    {$(function()}

    $('_#gallery_a').lightBox ();

    });

    < /script >

    <! - Google Analytics code below goes here - >

    <! - end of the Google Analytics Code - >

    < / head >

    < body >

    < div id = 'outside' >

    < div id = 'wrapper' >

    < div id = "logo" >

    < img src = "images/banner1.jpg" / > "

    < / div >

    < div id = 'social-media-icons' >

    < ul >

    " < li > < a href =" https://www.Facebook.com/groups/150449201771804/ "> < img src="images/icons/facebook.jpg "/ > < / a > < /li >

    "< li > < a href =" £"> < img src="images/icons/rss.jpg "/ > < / has > < /li >

    " < li > < a href =" http://www.Twitter.com "> < img src="images/icons/twitter.jpg "/ > < / a > < /li >

    "< li > < img src="images/icons/youtube.jpg "/ > < /li >

    < /ul >

    < / div >

    < div id = 'contact' >

    < p > < span class = "big blue" > Bristol equestrian Service </span > < p >

    < span class = 'phone' > Tel: 0117 9190060 / Mob: 07800538697 < br >

    Email: [email protected] < br >

    [email protected]</span > < / p >

    < / div >

    < div id = "Visibility" >

    < ul >

    < li > < a href = "index.html" > home < /a > < /li >

    < li > < a href = "stablesandfieldshelters.html" > Stable and shelters field < /a > < /li > ""

    < li > < a href = "pricelist.html" > price list < /a > < /li > "

    < li > < a href = "gallery.html" > Gallery < /a > < /li > ""

    < li > < a href = "contactus.html" > contact us < /a > < /li >

    < /ul >

    < / div >

    < div id = "banner" > < / div >

    < div id = "content" >

    Gallery of < h1 > < / h1 >

    < div id = 'Gallery' >

    "< a href="images/photos/1.jpg "title ="Stable 12x12ft">

    "< img src="images/photos/1a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/2.jpg "title ="shelter 12x12ft">

    "< img src="images/photos/2a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/3.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/3a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/4.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/4a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/5.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/5a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/6.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/6a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/7.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/7a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/8.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/8a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/9.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/9a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/10.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/10a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/11.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/11a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/12.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/12a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/13.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/13a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/14.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/14a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/15.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/15a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/16.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/16a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/17.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/17a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/18.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/18a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/19.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/19a.jpg "width ="120"height ="80"/ > < / a >

    "< a href="images/photos/20.jpg "title ="Stable 12x24ft">

    "< img src="images/photos/20a.jpg "width ="120"height ="80"/ > < / a >

    < / div >

    < / div >

    < div id = "footer" >

    < class p 'foot of page-text' = > Copyright 2014 Bristol equestrian Services < /p >

    < / div >

    < / div >

    < / div >

    < / body >

    < / html >

    light box

    /**

    * jQuery lightBox plugin

    * This jQuery plugin was inspired and based on 2 by Lokesh Dhakar Lightbox (http://www.huddletogether.com/projects/lightbox2/( )

    * and for use as a jQuery plugin for me.

    * @name jquery-lightbox - 0.5.js

    * @author Leandro Vieira Pinho - http://leandrovieira.com

    * @version 0.5

    * @date 11 April 2008

    * @category jQuery plugin

    * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)

    * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-SA/2.5/BR/deed.en_US

    * @example visit http://leandrovieira.com/projects/jQuery/lightbox/ for more information about this jQuery plugin

    */

    / / Offering a Custom Alias suport - more information: http://docs.jQuery.com/plugins/authoring#Custom_Alias

    (function ($) {}

    /**

    * $ is an alias for the jQuery object

    *

    */

    $. fn.lightBox = {function (settings)}

    Settings to configure the plugin jQuery lightBox how you like

    settings = jQuery.extend({)

    Overlay configuration

    overlayBgColor: ' #000 ', / / (string) the background color of overlay; inform a hexadecimal as value: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue color values.

    overlayOpacity: 0.8, / / the value of opacity (whole) to overlay; inform: 0.X. Where X is a number from 0 to 9

    Configuration related to navigation

    fixedNavigation: false, / / Boolean (Boolean) which informs if the navigation (next and prev button) will be set in the interface or not.

    Configuration related images

    imageLoading: "images/lightbox-ico - loading.gif', / / (string) path and the name of the loading icon"

    imageBtnPrev: "images/lightbox-btn - prev.gif', / / (string) path and the name of the picture of the previous button"

    imageBtnNext: "images/lightbox-btn - suivant.gif ', / / (string) path and the name of the next button image"

    imageBtnClose: "images/lightbox-btn - close .gif ', / / (string) path and the name of the narrow btn"

    imageBlank: "images/lightbox - blank.gif', / / (string) path and the name of an empty image (pixel)"

    Associated with the configuration container image area

    containerBorderSize: 10, / / (integer) If you adjust the padding in the CSS for the container, #lightbox-container-image-box, you must update this value

    containerResizeSpeed: 400, / / (integer) specify the length of the container image resizing. These numbers are milliseconds. default is 400.

    Configuration related to the text in the legend. For example: Image 2 of 8. You can change either 'Image' and ' texts '.

    txtImage: 'Image', / / text to specify 'Image' of (string)

    txtOf: 'from', / / (string) text to specify "from".

    Configuration related to the keyboard navigation

    keyToClose: 'c', / / (string) (c = close) Letter to close the lightBox jQuery interface. Beyond this letter, the letter X and the key SCAPE is used for.

    keyToPrev: 'p', / / (string) (p = old) Letter to display the previous image

    keyToNext: 'n', / / (string) (n = next) Letter to show the next image.

    Don t change these variables somehow

    imageArray:                                        [],

    London: 0

    (}, settings);

    Caching of object jQuery with all elements mapped

    var jQueryMatchedObj =; That, in this context, refer to the jQuery object

    /**

    Initialization of the plugin to the start function call

    *

    * @return Boolean false

    */

    function _initialize() {}

    _start (This, jQueryMatchedObj); That, in this context, to refer to the object (link) that was clicked

    Returns false; Avoid the browser by following the link

    }

    /**

    * Start the jQuery lightBox plugin

    *

    @param object objClicked whick object (link) the user has clicked

    @param object jQueryMatchedObj object jQuery with all the items matched

    */

    function _start (objClicked, jQueryMatchedObj) {}

    Hime some elements to avoid any conflict with overlay in IE. These elements appear above the overlay.

    $('embed,_object,_select').css ({'visibility': 'hidden'});

    Call this function to create markup structure; style elements; assign events in some elements.

    _set_interface();

    Unset total images in Demonstration

    settings.imageArray.length = 0;

    Unset image active information

    settings.activeImage = 0;

    We have a set image? Or just an image? See Let´s.

    If (jQueryMatchedObj.length == 1) {}

    settings.imageArray.push (new Array (objClicked.getAttribute ('href'), objClicked.getAttribute ('title')));

    } else {}

    Add a table (as we have), with href attributes, within the table that the storage of the title references images

    for (var i = 0; i < jQueryMatchedObj.length; i ++) {}

    settings.imageArray.push (new Array (jQueryMatchedObj [i] .getAttribute ('href'), jQueryMatchedObj [i] .getAttribute ('title')));

    }

    }

    While (settings.imageArray [settings.activeImage] [0]! = objClicked.getAttribute ('href')) {}

    settings.activeImage ++;

    }

    Call the function that prepares the image exposure

    _set_image_to_view();

    }

    /**

    Create the jQuery lightBox plugin interface

    *

    * The HTML markup will look like this:

    < div id = "jquery-overlay" > < / div >

    < div id = "jquery-lightbox" >

    < div id = "lightbox-container-image-box" >

    < div id = "lightbox-container-image" >

    "" < img src = "... / fotos/features" id = "lightbox-image" >

    < div id = "lightbox-nav" >

    < a href = "#" id = 'lightbox-nav-btnPrev' > < / a >

    < a href = "#" id = 'lightbox-nav-btnNext' > < / a >

    < / div >

    < div id = 'lightbox-loading' >

    < a href = "#" id = "lightbox-loading-link" >

    "" < img src = "... /images/lightbox-ico-Loading.gif" >

    < /a >

    < / div >

    < / div >

    < / div >

    < div id = "lightbox-container-picture-data-box" >

    < div id = "lightbox-container-picture-data" >

    < div id = "lightbox-image-details" >

    < span id = "lightbox-images-details-caption" > < / span >

    < span id = "lightbox-images-details-currentNumber" > < / span >

    < / div >

    < div id = "lightbox-secNav" >

    < a href = "#" id = "lightbox-secNav-btnClose" >

    "" < img src = "... /images/lightbox-BTN-Close.gif" >

    < /a >

    < / div >

    < / div >

    < / div >

    < / div >

    *

    */

    function _set_interface() {}

    Apply HTML markup in the body tag

    $('body').append (' < div id = "jquery-overlay" > < / div > < div id = "jquery-lightbox" > < div id = "lightbox-container-image-box" > < div id = "lightbox-container-image" > < img id = "lightbox-image" > < div style = "" id = "lightbox-nav" > < a href = "#" id = "lightbox-nav-btnPrev" > < /a > < a href = "#" id = "lightbox-nav-btnNext" > < /a > < / div > < div id = "lightbox" loading > < a href = "#" id = "lightbox-loading-link" > < img src = "' + settings.imageLoading + '" > < /a > < / div >) (< / div > < / div > < div id = "lightbox-container-picture-data-box" > < div id = "lightbox-container-picture-data" > < div id = "lightbox-image-details" > < span id = "lightbox-images-details-caption" > < / span > < span id = "lightbox-images-details-currentNumber" > < / span > < / div > < div id = "lightbox-secNav" > < a href = "#" id = "lightbox-secNav-btnClose" > < img src = "' + settings.imageBtnClose + '" > < /a > < / div > < / div > < / div > < / div > ');

    Get page sizes

    var arrPageSizes = ___getPageSize();

    Decorative style and show

    $('#jquery-overlay').css ({}

    backgroundColor: settings.overlayBgColor,.

    opacity: settings.overlayOpacity,.

    Width: arrPageSizes [0];

    height: arrPageSizes [1]

    ({. fadeIn()});

    Get the page scrolling

    var arrPageScroll = ___getPageScroll();

    Calculate the top and left offset for the jquery lightbox div object and show it

    $('#jquery-lightbox').css ({}

    top: arrPageScroll [1] + (arrPageSizes [3] / 10).

    left: arrPageScroll [0]

    ({. show()});

    Allocation of events click in close overlay elements

    {$('#jquery-overlay,#jquery-lightbox').click (function ()}

    _finish();

    });

    Assign the function _finish jQuery-load-link, lightbox-secNav-btnClose objects

    {$('#lightbox-loading-link,#lightbox-secNav-btnClose').click (function ()}

    _finish();

    Returns false;

    });

    If the window is resized, calculate the new dimensions of overlay

    {$(window) .resize (function ()}

    Get page sizes

    var arrPageSizes = ___getPageSize();

    Decorative style and show

    $('#jquery-overlay').css ({}

    Width: arrPageSizes [0];

    height: arrPageSizes [1]

    });

    Get the page scrolling

    var arrPageScroll = ___getPageScroll();

    Calculate the top and left offset for the jquery lightbox div object and show it

    $('#jquery-lightbox').css ({}

    top: arrPageScroll [1] + (arrPageSizes [3] / 10).

    left: arrPageScroll [0]

    });

    });

    }

    /**

    Prepares the picture exhibition; do an image´s preloader to calculate the size of s

    *

    */

    function _set_image_to_view() {/ / display the loading}

    Show loading

    $('#lightbox-loading').show ();

    If {(settings.fixedNavigation)

    $('_#lightbox-image,#lightbox-container-image-data-box,#lightbox-image_-_details-currentNumber').hide ();

    } else {}

    Hide elements

    $(' #lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide ();)

    }

    Process of preloading images

    var objImagePreloader = new Image();

    objImagePreloader.onload = function() {}

    $('#lightbox-image').attr ('src', settings.imageArray [settings.activeIm age] [0]);

    Perfomance of the effects in the container image resize

    _resize_container_image_box (objImagePreloader.width, objImagePreloader .height);

    clear onLoad, IE behaves irratically with animated gifs other

    objImagePreloader.onload = function () {};

    };

    objImagePreloader.src = settings.imageArray [settings.activeImage] [0];

    };

    /**

    * The Perfomance of the effects in the container image resize

    *

    @param integer intImageWidth width of image´s displayed

    @param integer intImageHeight the height of image´s displayed

    */

    function _resize_container_image_box (intImageWidth, intImageHeight) {}

    Get the current width and height of the

    var intCurrentWidth = $('#lightbox-container-image-box').width ();

    var intCurrentHeight = $('#lightbox-container-image-box').height ();

    Get the width and height of the image selected as well as the padding

    var intWidth = (intImageWidth + (settings.containerBorderSize * 2)); The higher the fill the width image´s and the left and right

    var intHeight = (intImageHeight + (settings.containerBorderSize * 2)); The higher the fill of the image´s height and left and right

    Differences

    var intDiffW = intCurrentWidth - intWidth;

    var intDiffH = intCurrentHeight - intHeight;

    The effect of perfomance

    $('#lightbox-container-image-box').animate ({width: intWidth, height: intHeight}, settings.containerResizeSpeed, function () {_show_image() ;});)

    If ((intDiffW == 0) & & (intDiffH == 0)) {}

    If ($. browser.msie) {}

    ___pause (250);

    } else {}

    ___pause (100);

    }

    }

    $('#lightbox-container-image-data-box').css ({width: intImageWidth});

    $('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css ({height: intImageHeight + (settings.containerBorderSize * 2)});

    };

    /**

    * Show the prepared image

    *

    */

    function _show_image() {}

    $('#lightbox-loading').hide ();

    {$('#lightbox-image').fadeIn (function ()}

    _show_image_data();

    _set_navigation();

    });

    _preload_neighbor_images();

    };

    /**

    * View the image information

    *

    */

    function _show_image_data() {}

    $('#lightbox-container-image-data-box').slideDown ('fast');

    $('#lightbox-image-details-caption').hide ();

    If {(settings.imageArray[settings.activeImage][1)]}

    $('#lightbox-image-details-caption').html (settings.imageArray [s.activeImage] [1]) .show () of adjustment;

    }

    If we have a picture, view "Image X of X".

    If (settings.imageArray.length > 1) {}

    $('#lightbox-image-details-currentNumber').html (settings.txtImage + ' ' + (settings.activeImage + 1) + ' ' + settings.txtOf + "" + settings.imageArray.length) .show ();

    }

    }

    /**

    Display the navigation button

    *

    */

    function _set_navigation() {}

    $('#lightbox-nav').show ();

    Instead to set this configuration in the CSS file, we define here. And it s need to IE. Just.

    $('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css ({'background': ' transparent url (' + settings.imageBlank + ') no-repeat ""});

    Show previous button, if this is not the first image at stake

    If (settings.activeImage! = 0) {}

    If {(settings.fixedNavigation)

    $('#lightbox-nav-btnPrev').css ({'background': ' url (' + settings.imageBtnPrev + ') left 15% no-repeat ""})

    . Unbind()

    {.bind ('click', function ()}

    settings.activeImage = settings.activeImage - 1;

    _set_image_to_view();

    Returns false;

    });

    } else {}

    Show images for the following buttons button

    {$('#lightbox-nav-btnPrev').unbind () .hover (function ()}

    $(this) .css ({'background': ' url (' + settings.imageBtnPrev + ') left 15% no-repeat ""});

    }, function() {}

    $(this) .css ({'background': ' transparent url (' + settings.imageBlank + ') no-repeat ""});

    {.show () .bind ('click', function ()})

    settings.activeImage = settings.activeImage - 1;

    _set_image_to_view();

    Returns false;

    });

    }

    }

    Display the next button, if this isn't the last image at stake

    If (settings.activeImage! = (settings.imageArray.length-1)) {}

    If {(settings.fixedNavigation)

    $('#lightbox-nav-btnNext').css ({'background': ' url (' + settings.imageBtnNext + ') right 15% no-repeat ""})

    . Unbind()

    {.bind ('click', function ()}

    settings.activeImage = settings.activeImage + 1;

    _set_image_to_view();

    Returns false;

    });

    } else {}

    Show images for the following buttons button

    {$('#lightbox-nav-btnNext').unbind () .hover (function ()}

    $(this) .css ({'background': ' url (' + settings.imageBtnNext + ') right 15% no-repeat ""});

    }, function() {}

    $(this) .css ({'background': ' transparent url (' + settings.imageBlank + ') no-repeat ""});

    {.show () .bind ('click', function ()})

    settings.activeImage = settings.activeImage + 1;

    _set_image_to_view();

    Returns false;

    });

    }

    }

    Activate the keyboard navigation

    _enable_keyboard_navigation();

    }

    /**

    Enable the keyboard navigation support

    *

    */

    function _enable_keyboard_navigation() {}

    {$(document) .keydown (function (objEvent)}

    _keyboard_action (objEvent);

    });

    }

    /**

    Disable the support for the keyboard navigation

    *

    */

    function _disable_keyboard_navigation() {}

    $(document) .unbind ();

    }

    /**

    Perform keyboard actions

    *

    */

    function _keyboard_action (objEvent) {}

    For ie

    If (objEvent == null) {}

    KeyCode = event.keyCode;

    escapeKey = 27;

    For Mozilla

    } else {}

    KeyCode = objEvent.keyCode;

    escapeKey = objEvent.DOM_VK_ESCAPE;

    }

    Get the key as a lowercase

    key = string.fromCharCode(0)) (keycode) .toLowerCase ();

    Check the keys to close the ligthBox

    If ((clé == settings.keyToClose) |) (key == 'x'). (keycode is escapeKey)) {

    _finish();

    }

    Check the button to display the previous image

    If ((clé == settings.keyToPrev) |) (keycode is 37)) {

    If we´re not showing the first image, call the previous

    If (settings.activeImage! = 0) {}

    settings.activeImage = settings.activeImage - 1;

    _set_image_to_view();

    _disable_keyboard_navigation();

    }

    }

    Check the key to display the next image

    If ((clé == settings.keyToNext) |) (keycode is 39)) {

    If we´re shows not the last image, call the next

    If (settings.activeImage! = (settings.imageArray.length - 1)) {}

    settings.activeImage = settings.activeImage + 1;

    _set_image_to_view();

    _disable_keyboard_navigation();

    }

    }

    }

    /**

    * Preload prev and next images being showed

    *

    */

    function _preload_neighbor_images() {}

    If ((settings.imageArray.length-> settings.activeImage) {}

    objNext = new Image();

    objNext.src = settings.imageArray [settings.activeImage + 1] [0];

    }

    If (settings.activeImage > 0) {}

    objPrev = new Image();

    objPrev.src = settings.imageArray [settings.activeImage-1] [0];

    }

    }

    /**

    * Remove jQuery lightBox plugin HTML tag

    *

    */

    function _finish() {}

    $('#jquery-lightbox').remove ();

    $('#jquery-overlay').fadeOut (function () {$('#jquery-overlay').remove () ;});

    Display some elements to avoid any conflict with overlay in Internet Explorer. These elements appear above the overlay.

    $('embed,_object,_select').css ({'visibility': 'visible'});

    }

    /**

    / FUNCTION THIRD

    * by quirksmode.com getPageSize()

    *

    * @return array returns an array with the height, page width, height and width of the window

    */

    function ___getPageSize() {}

    xScroll var yScroll;

    If (window.innerHeight & & window.scrollMaxY) {}

    xScroll = window.innerWidth + window.scrollMaxX;

    yScroll = window.innerHeight + window.scrollMaxY;

    } else if (document.body.scrollHeight > document.body.offsetHeight) {/ / everything except Explorer Mac}

    xScroll = document.body.scrollWidth;

    yScroll = document.body.scrollHeight;

    } else {/ / Explorer Mac... also would work to explore 6 Strict, Mozilla and Safari}

    xScroll = document.body.offsetWidth;

    yScroll = document.body.offsetHeight;

    }

    var windowWidth, windowHeight;

    If (self.innerHeight) {/ / everything but explore}

    {if (document.documentElement.ClientWidth)}

    windowWidth = document.documentElement.clientWidth;

    } else {}

    windowWidth = self.innerWidth;

    }

    windowHeight = self.innerHeight;

    } Else if (document.documentElement & & document.documentElement.clientHeight) {/ / explore 6 Strict Mode}

    windowWidth = document.documentElement.clientWidth;

    windowHeight = document.documentElement.clientHeight;

    } Else if (document.body) {/ / other explorers}

    windowWidth = document.body.clientWidth;

    windowHeight = document.body.clientHeight;

    }

    for small pages with height less height and then the display window

    if(yScroll < windowHeight) {}

    pageHeight = windowHeight;

    } else {}

    pageHeight = yScroll;

    }

    for small pages with width less then the viewport width

    if(xScroll < windowWidth) {}

    pageWidth = xScroll;

    } else {}

    pageWidth = windowWidth;

    }

    arrayPageSize = new Array (pageWidth, pageHeight, windowWidth, windowHeight);

    Return arrayPageSize;

    };

    /**

    / FUNCTION THIRD

    * getPageScroll() by quirksmode.com

    *

    * @return array returns an array with x, y values scrolling of pages.

    */

    function ___getPageScroll() {}

    xScroll var yScroll;

    If {(self.pageYOffset)

    yScroll = self.pageYOffset;

    xScroll = self.pageXOffset;

    } Else if (document.documentElement & & document.documentElement.scrollTop) {/ / explore 6 strict}

    yScroll = document.documentElement.scrollTop;

    xScroll = document.documentElement.scrollLeft;

    } Else if (document.body) {/ / all other explorers}

    yScroll = document.body.scrollTop;

    xScroll = document.body.scrollLeft;

    }

    arrayPageScroll = new Array (xScroll, yScroll);

    Return arrayPageScroll;

    };

    /**

    Stop the code execution to a time of escified in miliseconds

    *

    */

    function ___pause (ms) {}

    var date = new Date();

    curDate = null;

    {var curDate = new Date() ;}

    While (curDate - date < ms);

    };

    Return the object jQuery for chaining. The unbind method is used to avoid click conflict when the plugin is called several times

    Return this.unbind('click').click (_initialize);

    };

    (}) (jQuery); Call and execute the function immediately passing the jQuery object

    Hi Karen,.

    with your source code I 'played' with one of you (PREV) and one of my friends (exit > something like fence) icons and I got this:

    You can see, the only secret is the place where you have stored your icons.

    Hans-Günter

  • Maybe you are looking for