JQuery :: Darken Screen Like Lightbox?
Oct 29, 2010I was just wondering what's the best way to lay say a black 50%opacitycolour over the whole page like they do in lightboxes?
View 2 RepliesI was just wondering what's the best way to lay say a black 50%opacitycolour over the whole page like they do in lightboxes?
View 2 RepliesI'm using slimbox 2, a lightbox that is jquery based. It works ok in Coda locally on my copmputer but when I upload to the web, the lightbox opens to the right of the screen (mostly off to the side of the screen). This has happened with a couple different lightbox scripts I've tried. I am not sure what the conflict is in my css that is causing this.
Here is the site [URL]
I'm trying to add an overlay (similar to how lightbox works) over the entire screen. The problem is that in IE6, it only seems to work if the DIV overlay is added at the top of the page before any other content is displayed. IE6 (only IE6!) displays about a 15px bar across the top of the page (representing the overlay).[code]
View 2 Replies View RelatedI have a function being passed hex color values, however I need them a bit darken than what they actually are (think #eaeaea instead of #ffffff). So I guess my question is this, can this be done with JS?
I was thinking I could just convert the hex to RGB somehow and then add ཐ' or whatever onto each value so long as its not greater than 235. Or SOMETHING along those lines.
Will this work, and if so does anyone know of a good script to start with for RGB conversion?
I have to following jquery lightbox code:
<script type="text/javascript">
$(function() {$('#largerview a').lightBox({
fixedNavigation:true,
[code]....
I currently have a slideshow working on my client's site, but I can't get lightbox to work properly on it. [URL]...
Is there a way to fix the existing slideshow to work with lightbox? Or is there another way of doing this (keeping the same look that is currently in place)?
I have a div that has a negative top margin and a negative right margin. The right margin is because I want to have the div slide onto the page from the right. The top margin is because without it my page height is the height of the visible elements plus the height of the off-screen div.On a button click, I move the div down and then animate it onto the screen from the right. On button click again, I animate the div to the right, off the screen, and then move it up. I also toggle its width & padding so it will appear to grow/shrink as it moves on/off screen. At least that's what I am trying to do. The animation onto the screen looks good, but going off the screen, it appears to happen intantaneously, instead of animatedDoes anyone know how I can fix this?
$(".addPanels").live("click", function(){//now and in the future, show the add panels menu
var thisAddPanelsMenu = $(this).parent().prev(".addPanelsMenu");//get the addPanelsMenu
if(thisAddPanelsMenu.length) {//if the addPanelsMenu exists
[code]....
Same thing for the height parameter; for to set in the centre some popup with images what is better? what are the difference?
View 6 Replies View RelatedI have 2 monitors from a different size. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located.
View 6 Replies View RelatedCan anyone refer me to a site that demonstrates printing from a lightbox? I'm not looking for a site that explains how to print from a lightbox. I'm looking for a site that does printing from a lightbox.
Context: I think that a lightbox would be a good solution for some browser compatibility problems in my client's user interface. The information I need to display in the lightbox is a certificate which the user will print. For a lightbox plugin to be useful, I must be able to (1) print the contents of the lightbox, not the whole screen, and (2) show my client how the concept works.
I was originally planning to recommend Shadowbox until I realized that printing was a problem. I've found instructions for printing from Shadowbox, but no examples, which puts me in the position of having to do all of the implementation work before I can produce a demo that will enable my client to decide whether they want me to do it or not.
I'd still be happy to use Shadowbox if it meets my needs. I'd be happy to use anything else that meets my needs, too. I need a lightbox that can display an HTML page or (ideally) a PDF, not just an image file. Printing doesn't have to be started from the browser's menu; it can be started from a special button in the lightbox frame. (Shadowbox works that way.)
I'm using rapidweaver 5, theme creami3 from [url].
This theme has jquery enabled.
I would like to use lightbox, however whatever I try it won't work.
Some test sites:
[url]
[url]
[url]
I want to use a jQuery Lightbox for our new Web Site. I would like to have one lightbox where there is a large text sidebar on the right side describing the project represented by the slideshow. I would also like to style the text in the text box with Web Fonts if possible
View 3 Replies View RelatedI use table sorter ( latest 2.0.5) and Jquery latest for sort table !
It works fine!
BUT! in some tables, I've link for open image in a light box !
On the first page, all works fine !
But, as soon as i set the second ( or more ) page in the table, the link work like a classic link, not like a "lightbox class" link !
I've try with fancybox => same !
with shadowbox => same !
and with lightbox => same !
So, the problem come from tablesorter or the pager !
ifmasonryworks,lightboxdoesnt. if masonry doesnt, lightbox works. The scripts seem to be in conflict.I've already tried Jquery.noConflict and using another version of lightbox. i found a sample site from masonry: [URL].. that managed to put both jquerys together and it works. But i don't know what is the problem with mine.[URL]...
View 1 Replies View RelatedDoes anyone have a link to an example where they are combining the excellent Cycle plug-in with a lightbox type modal display? I'd like to be able to present the slides in Cycle, then let the user click a slide to see the larger image in a lightbox (or similar) presentation.
View 1 Replies View RelatedIm having an issue with images loaded dynamically, in the page I have a "read more" button at the bottom of the page that loads more post on the page and the images that are in those dynamically loaded post lightbox doesnt work if I refresh the page then lightbox works. know it can be done, like in facebook when I click on "Older post" the images loaded dynamically works.
View 2 Replies View RelatedI am doing a lightbox effect onclick a image.Its easy if I just use this code:
<a href="images/image-0.jpg" class="lightbox" title="Cape Breton Island"><img src="images/thumb-0.jpg" width="100" height="40" alt="" /></a>
<script>
$(document).ready(function(){
[Code].....
I have various images on a page. I want to edit an image. So, I should click on the image and a lightbox should appear asking me for a new image files to upload. I select an image and click upload. It uploads the file and then the lightbox closes and the original image on the page gets replaced by the new one.
I can create a lightbox(overlay) and call a php page on it to upload the image. But, then I don't know how to pass that back to the original page and update the image there through AJAX call.
I was able to resize the images in the css with a width-max; 600px; but the container stay big. How can I resize it in lightbox.js?
Here is the code
// once image is preloaded, resize image container
imgPreloader.onload = (function(){
this.lightboxImage.src = this.imageArray[this.activeImage][0];
this.resizeImageContainer(imgPreloader.width, imgPreloader.height);
[code]....
What can I add there to have a max container?
I have a JQuery lightbox popup but am struggling how to control the content of the lightbox. all the examples given on the internet are from anchor links that are fixed. I however, need to use it from images pulled from the database so therefore the content will be different depending on what image is clicked. I already have the content I need in a div, so is there a way of targeting that div so it is displayed within the lightbox?
View 2 Replies View RelatedI have a page that I'm trying to run a number of different javascripts on.jquery-1.2.2.pack.js
overlapviewer.js
prototype.js
scriptaculous.js
lightbox.js and
vnu_datestamp.js
I have no problem with the datestamp. It runs pretty well anywhere because it's a link/rel to the actual js file. Prototype, Scriptalicious and Lightbox all work too. I can't get jquery and the overlapviewer to function. This is a pretty basic script. It allows a jpg or gif to "pop into" the page when hovering over a selected linked portion of text.
I've used it on dozens of other pages and never had a problem except img src errors in my tagging, but I've never tried to put it on the same page with the lightbox. Everything loads in the <head> and I've been over the scripts themselves trying ot find conflicting code, but unsuccessfully.
I don't understand why on earth with this
Code JavaScript:
$('a[@rel*=lightbox]').lightBox();
[Code]....
i have i am using a jquery.lightbox-0.5.css does anyone knows how can i specify so that when the lightbox pops up keeps the all the images or at least the lightbox of the image on the same size because when it pops ups dpending on the image some of them are huge they just ocupied the whole screen??
View 1 Replies View RelatedI am using jquery append to add a div(a fairly long html string) to my content wrapper. But when appending it the lightbox function breaks. The site is at: [URL].The first box with the info filled in is an div that is in the html and the lightbox works. The second box is the one inserted with append and the lightbox is broke. The class attributes seem intact and I cannot figure out why it is broken.
View 1 Replies View RelatedHow do you add HTML content to a jQuery lightbox? note I do not want a plugin I need to see the code that actually puts the HTML into the lightbox.
View 7 Replies View RelatedI 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]...