Lets say I have 2 pages (index, page1) in index I have had declared the jquery and the lightbox libraries, and the following function:
Code:
$(function() {
$('#gallery a').lightBox();
});
[Code]....
I tried clicking on the link but it didn't recognize the lightbox.
I am making a simple lightbox without using the silly plugins and I want to know how to make the lightbox resize equally when its being loaded. I can only get it expand from the corner, I want it to stretch down then widen but equally on both sides.
This is the code im using:
// Javascript
<script language="javascript">
$(function(){
$("a#show-panel").click(function(){
$("#lightbox, #lightbox-panel").animate({"height" : "400px"},2000);
$("#lightbox, #lightbox-panel").animate({"width" : "400px"},2000);
});
$("a#close-panel").click(function(){
$("#lightbox, #lightbox-panel").fadeOut(300);
});
});
</script>
// CSS
#lightbox {
display:none;
background:#000000;
opacity:0.9;
filter:alpha(opacity=90);
position:absolute;
top:0px;
left:0px;
min-width:100%;
min-height:100%;
z-index:1000;
#lightbox-panel {
display:none;
position:fixed;
top:100px;
left:50%;
margin-left:-200px;
background:#FFFFFF;
padding:10px 15px 10px 15px;
border:2px solid #CCCCCC;
z-index:1001;
}
// HTML
<a id="show-panel" href="#" class="small">Show Panel</a>
<div id="lightbox-panel">
<h2>Lightbox Panel</h2>
<p>You can add any valid content here.</p>
<p align="center">
<a id="close-panel" href="#" class="small">Close this window</a>
</p>
</div><!-- /lightbox-panel -->
<div id="lightbox"> </div><!-- /lightbox -->
I have the lightbox working properly on the site but actually want it to pop up/open automatically, say after 2 seconds after the page is loaded and without having to trigger it by klicking a href link. I noticed daniweb has exactly the same function here on this site! What code would I need to add to make this happen?
View 1 Replies View RelatedIf you need to load a page and then add a light box to it be sure that the whole page is loaded before you add the lightbox or it will not function.
In your description you add the lightbox and the load some content. The content are not in the dom when you add the lightbox so the lightbox don't know what to add it's function onto.
I have this simple gallery that loads images from an xml file and usesFancyboxto display the images. Demo Everything is working but the last image is not working with fancybox. The last image just displays in it's own window.
[Code]...
I am having some issues with my lightbox. It won't work for a strange reason. Here is the site: [URL]. Here is the code for the site: [URL]. I get no errors in Firefox debug.
View 5 Replies View RelatedI'm trying to get a lightbox working on my website alongside a jQuery tooltip, however when the tooltip is running the lightbox no long works and just links to a new page of one image. If I remove the attached tool.js (the file that controls the tool tip) the lightbox works again but the tool tip obviously doesn't.
I presume this is a jQuery conflict and have been looking up how to resolve it, finding a variety of different solutions, but no proper explanation how to implement them.
Quote:
I just have no idea what to do with that. I've tried putting div ids in place of the "div" and "someid" reference points and all that did was hide the content completely.
This an example of the page I want to implement it on: [url]
The tool tip resides in a php.include on the right hand side, the code of which is this:
Quote:
I am having an issue where I am using lightbox, however what is showing up is a text link "Request Email." I understand how to manipulate this text to say anything I want. However, I am having difficulty changing the text link to an image.
Instead of the text, I want to have an image (button) stored on my server [URL] be the link to click on instead of the text. It seems this would be easy to accomplish
<a id='anchor_LU8eKAvs2W' href='http://www.emailmeform.com/builder/form/LU8eKAvs2W'>Request Email!</a><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
[Code]....
I have been pulling my hair out over this problem for days now, my main aim is to call a lightbox (found at huddletogether)from within ActionScript 3.0, but I couldn't work out how to do this so I have instead passed a variable from the as3 to javascript.
I am then doing a switch..case statement to determine what to do with that variable. The issue I now have is, I need to call the lightbox automatically, when that case is required.
I have tried: document.write('<a href="location" rel="lightbox"> </a>') - along with window.location; where location is the location of the image, and rel=lightbox is a required feature to cause the lightbox to occur. But this, in theory, just creates a link that when the user clicks causes it to happen, but thats not what i need. i need it to automatically do what the link would do if it were pressed.
If I load all the external page, the javascript works... But if I only load a fragment (using .load("page2.html #only_load_this")), the javascript is not executed.
Here is my code:
This is index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
I've got the following code:
[Code]...
I am trying use the Load function and it looks partly succesful:the script code is:
function doCallBack(action, value)
{
if (action == 'projlokatiemutaties')
[code]....
Projectlokaties1 contains an XML control and the content is being transformed using Xslt. As far as I can see the html variable contains
the correct value. However the Response.Write() operations fails completely. As a matter of fact at this point any Response operation fails.
I load content from a separate php page into a div in my other page. This is done using .Get I believe.I've taken the plugin from net tuts +This is working, however, plugins that are supposed to work with the content that's just arrived aren't. Only when specifying that page and loading that as a whole. Long version:I'm doing a website that's pretty graphics intensive. It's more like an application really, only with very "scarse" interface. So I liked the idea of loading only the new content directly onto the already loaded page instead of reloading everything.
And so I found a plugin from net tuts that did the very same thing.Basically, this plugin lets you load content from a said div container directly as a feed onto the page that's already loaded. So all pages are the same, with the only change being in the same div container as all pages have.Now, several issues occurred. What I find strange(probably not for you) is the fact that plugins that I use somehow stop working when loading the content using the said plugin. Cufon stopped working on the newly arrived content. And the same thing happens with a slide menu plugin as well that also arrives with the new content. But if I completely load the page that contains the div with Cufon and the slide menu, everything works as normal. But as soon as I click a link and new content arrives, plugins in that content does not work.
What am I missing? The pages are completely identical, with only a few differences in the a div container that both pages have. Clicking links are supposed to only remove existing content, fetch new content and place it in exactly the same location. One would think that scripts that are already loading in <head> would work with the newly arrived content as well?
I'm trying to fade a large background image in after it's loaded, here's the JS:
Code:
//the image is contained in a div with the id of "stage"
$(document).ready(function() {
$('#stage img').hide();[code]....
This works fine in Firefox/Chrome but not in IE8 (I haven't tried the older versions yet).
I have seen similar problems in the forum, but none that match this issue exactly.
I am using Giva Labs' jNotify plugin [URL].I have a main page that dynamically loads content in a container.
I load jquery, and jnotify in the main page. When I call jnotify from thedynamicallyloaded content, I get an error that jnotify is not a valid method. If I include the <script> call for jnotify in the dynamically called content, it works. This does not seem like the best practice.
Is there a way to re-initialize jnotify afterloadingdynamiccontent?
I have some simple tooltips on my site that load the content of the "title" tag into the tooltip. I am currently using this plugin[URL].. I have tried several others. They all work fine for static elements, but the main content of my pages are loaded by an ajax load() call. The tooltips don't work on any this content loaded via ajax. Why is this happening and is there a way to fix this? Or maybe a tooltip plugin that will work for this?
View 4 Replies View RelatedI have to following jquery lightbox code:
<script type="text/javascript">
$(function() {$('#largerview a').lightBox({
fixedNavigation:true,
[code]....
I've been using lightbox to show some profile pictures on my site.http:[url]....All was working fine on various browers until i decided to change my navigation buttons. These buttons involve some javascript & ever since they were installed, my portfolio images dont show up properly within the lightbox ... box. Just loads up a new page and puts the bigger image there.Here's the js for the buttons called sliding_effect...I also have the jquery file if thats is needed, but for now here's the slding effect js.
$(document).ready(function()
{
slide("#linkList", 25, 15, 150, .8);[code].....
If anyone needs the CSS let me know and i'll put it up, but think its rather more to do with the js.
When i click on an image, it just opens in a new tab, lightbox doesn't work?!
$jq_add_div_strings = '';
$jq_div_classes_csv = '';
$counter = 0;
[code]....
what is wrong with my code which is working fine in IE 8; here is the page link: http:[url].....
View 1 Replies View RelatedI'm using Lighbox on a project I'm working on, it was working and all of a sudden has stopped. I have changed nothing. Here's how I have the lightbox.js file added to the header
<script type="text/javascript" src=scripts/lightbox.js"></script>
And in the image tag I have added the rel="lightbox"
<div class="thumbnail">
<a href='images/display_images/<%#Eval("Name") %>' rel="lightbox" title='<%#Eval("Description") %>'>
[Code].....
I have a page on a website I am creating that has both a lightbox rel link and a quick calculator to work out a size of a product.Here are the links to the java files I am using:
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/jquery.lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery.js"></script>
[code].....
My page with my slideshow (with lightbox integrated) is up and running fine on browsers like Firefox, IE, and Google Chrome... But Safari doesn't even show the slideshow.[URL]...
View 2 Replies View RelatedI have used lightbox2.04 version.It is work perfectly in FF but not working in IE6...How can I modified this for working in IE6 also??
View 1 Replies View RelatedI'm working on adding a gallery to a client website.URL... And I just can not seem to get lightbox going on this site at all.
View 13 Replies View RelatedThe link for the page is here [URL]. As you can see there is an image gallery that is supposed to be controlled with lightbox, however I can not get the lightbox script to work and everything I've looked at seems ok. Any ideas I have uploaded all the required js files and images files as well.
View 6 Replies View Related