Disable Scroll Behind PrettyPhoto Lightbox?

Apr 17, 2010

I have a prettyPhoto lightbox plugin on my site. When I click the thumbnail, the lightbox window opens. The problem is that when I scroll, the lightbox shakes violently. I have tried every available option through CSS positioning and none of them suit my situation. I need to be able to DISABLE all scrolling while the lightbox is open.

I tried this:

<SCRIPT type="text/javascript" language="Javascript">
var stop_scroll = false ;
function scrolltop(){
if(stop_scroll ==true){

[Code]....

This does nothing unfortunately and I imagine I am either approaching this incorrectly or I have some kind of syntax error.

View 1 Replies


ADVERTISEMENT

Closing A Video In (prettyphoto) Lightbox, On A Timer?

Dec 4, 2011

I had a code I found on google a few weeks ago that did this function well, but as I redesigned a few parts I deleted the code, and I cannot find it again :

The one thing I didn't like about the code was that the timer was not set in minuets or seconds it was set in hundreds ex. 800 would be equivalent to IDK I would have to guess and it wasn't very accurate.

Ex. of the lightbox and video to give you a better picture can be found here: www.VisumDesignz.com the second slideshow image has a play button on it click that and the video will appear in a prettyphoto lightbox.

View 4 Replies View Related

JQuery :: Display PrettyPhoto Lightbox In Parent From Iframe?

Feb 2, 2010

I have been trying to get some assistance with this issue for a while now. I know this issue has been discussed before but I can't seem to get it to work. I have a master html page with an iframe on that page. I am using jquery prettyphoto and I was wondering how I can get the light box to display in the parent window when I click on the link in the iframe?[code]...

View 1 Replies View Related

JQuery :: Lightbox Or PrettyPhoto Or Fancybox Break When Submitting Content With JEditable Plugin?

Sep 25, 2009

i have a site that uses a lightbox based image viewer and the jeditable plugin. basically my site has a photo gallery and below each gallery i have the option to set a caption to the photo.

i have done the caption using jeditable and i've also tried using the ajaxForm plugin for jquery to see if jeditable caused the problem. but whichever method i use, approximately 20% of the time a photo caption is submitted, if you then click on the photo to view full size using lightbox (so far i've used fancyBox, prettyPhoto and Lightbox itself, and all break in the same way) it gets stuck at "loading", whereby the overlay appears, the inital empty box and animated gif appear, but then it just spins forever and never loads the image, as if it cant access the URL. weirder still, the FIRST time i do a page refresh to try and fix the problem, it doesnt work (something in the cache i expect), but if i do a second refresh or a shift + refresh, it resets and works again. it's very difficult to eliminate all variables because the problem is so sporadic, but it seems that the most likely way of breaking lightbox is to do the following:

[Code]...

View 3 Replies View Related

JQuery :: Conflict With Lightbox 2 And Smooth Scroll

Sep 2, 2009

Having problems with conflicts between Lightbox 2 & smooth scroll.

View 1 Replies View Related

Lightbox Control Be Used Only Once (disable/removing It After Its Been Clicked)?

Jul 21, 2010

I am using a lightbox script (which dims the page when clicked and shows a pop up image).This script is called upon by the user clicking on an imageButton.I am also trying to close, hide or disable this once it has been clicked on (so it only works once). My code is below:

< a href="lightbox/images/image-1.jpg" name="alightbox" rel="lightbox" >
< asp:ImageButton ID="ImgBtnWarning" src="lightbox/images/submitCover.gif"
runat="server" border="0"

[code]....

View 3 Replies View Related

Disable Vertical Scroll Bars

Jul 20, 2005

is there any way to disable or lock vertical scroll bars on a browser
window? im a newbie and i just don't want them to appear on my screen.
sometimes they appear on IE but not on mozilla.

View 3 Replies View Related

JQuery :: Disable Vertical Scroll ONLY?

Jul 11, 2011

I'm using Jquery to power my horizontal scrolling portfolio site.[URL] I have a problem that on a smaller browser window elements becomeverticalscroll-ableand id rather it force you tore-sizerather then break the design. Using the basic CSS Overflow:Hiddenisn'tan option because it then sticks the horizontal scrollbar wherever the end of your page loads at, making anuglybar across the middle of largerresolutionscreens. I used a mootools approach thatremovesonly one of the scrollbars, but mootoolsdoesn'tplay nice with jquery in this fix.

Has anyone tried to attempt this? or am I just banging my head against a problem andover complicatingthis? I could always just make the page elements smaller, but liking my big photo presentation.

Oh and I dont mind about compatibility with IE6, im in the graphic design business, all the people im showing this too have a more modern browser or use the 64-bit IE.

View 3 Replies View Related

Disable Only The Horizontal Scroll Bar In A Browser Window On A Site With Frames?

May 11, 2004

if there was a script to disable only the horizontal scroll bar in a browser window on a site with frames?

View 7 Replies View Related

JQuery :: Calling Lightbox \ Code Should Be Included In Place Of ?????? To Invoke Lightbox?

May 29, 2010

I have to following jquery lightbox code:

<script type="text/javascript">
$(function() {$('#largerview a').lightBox({
fixedNavigation:true,

[code]....

View 3 Replies View Related

Slideshow With Lightbox Feature - Can't Get Lightbox To Work Properly On It?

Oct 2, 2009

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)?

View 5 Replies View Related

PrettyPhoto Gallery Not Working?

Nov 17, 2009

I have the page linked below. The first three thumbnails are videos and have a working tag of rel="prettyPhoto" but the next table of thumbnail images have a tag of rel="prettyPhoto[1]" that is not working.

LINK- [URL]

View 5 Replies View Related

JQuery :: PrettyPhoto Compatibility With Newsticker?

Nov 14, 2011

I'm implementing prettyPhoto into my site which already contains a jquery newsticker from [URL]... There is a compatibility issue between this two, I can only manage to make one to work, but I really need both of them.

View 2 Replies View Related

JQuery :: PrettyPhoto: Stop It From Shrinking To Fit?

Jan 14, 2011

I'm using prettyPhoto for a gallery on my page. I'd like to keep it the same size independent of the photo size. So if the image is too big, the image shrinks down to the size of the box (although I don't mind the way it currently works of mostly filling the window). More importantly, I'd like it to not shrink to fit smaller images. It would be best if it would just center a too-small image.

Unfortunately, one of the images that is in the gallery is only 200x150, while most are around 800x600.

[Code]...

Somehow, I just now realized that the default dimensions don't seem to apply to anything (or at least they're not limiting anything as far as I can tell).

Perhaps something from how it works for iframe? The images don't thumbnail properly for the gallery if I put the width/height in the anchor href...

View 1 Replies View Related

Prettyphoto Will Not Work With A Certain Slideshow Script?

Nov 10, 2011

I have a variety of scripts on my webpage... I have multiple slide shows that require javascript... out of the three 2 of them work fine with pretty photo but the one I need does not....

Does anyone know why prettyphoto conflicts with this certain script?

You prolly need the code but I thought this could be a common problem and i figure there maybe an easy solution..

View 4 Replies View Related

JQuery :: PrettyPhoto, WordPress And IE Not Playing Nice With Each Other?

Sep 2, 2011

I'm having an issue with PrettyPhoto not working in IE. It works great in all other browsers. In IE, it will start to open, show a really small box and then no content. Here is a link to the site that I'm working on:[URL]..

View 3 Replies View Related

JQuery :: Versions Conflict - Code For PrettyPhoto ?

Aug 12, 2010

I have a site which uses a version of jQuery that might be an older version and when I try to add the code for PrettyPhoto which uses jQuery version 1.4.2 the site breaks. The earlier version of jQuery is used to implement the accordion effect and the background resizing effect.

Can someone peek at the multiple versions of jQuery in my code and tell me more about what is going on and how I can fix it?

Here is a link to the site in question: [url]

View 2 Replies View Related

JQuery :: Implemented The ScrollTo And PrettyPhoto Plugin - Internet Explorer - Not Working

May 27, 2009

I'm sure this is a very trivial and probably simple thing to fix, but unfortunately I've run into a massive wall with it!

(Vague disclaimer - i'm new to Javascript and jquery, but learning slowly.)

I've implemented the scrollTo and prettyPhoto plugin on my websites, both work brilliantly on everything but Internet Explorer: [url]

I've used the following code to initialize the jquery:

I've followed instructions for both plugins pretty well down to the T, so i can't see where i've gone wrong here.

View 5 Replies View Related

JQuery :: PrettyPhoto Plugin Display Larger Size Versions Of Photos

Jul 7, 2011

I have a site that I am developing where I use the prettyPhoto plugin to display larger size versions of photos. I have everything configured as per the directions on the plugin page here: [URL] I am experiencing a weird issue however. When I mouseover my anchor image, the mouseover is only on the top and bottom half of my image. The whole middle section of my anchor image is getting no mouseover effect. Meaning my cursor only changes to a pointer on the top & bottom parts of the image. It changes back to a regular cursor when directly in the middle of the image. The anchor image (the image I'm using to link to the larger version) is sized 333px wide by 500px tall and I am linking to jQuery version 1.5 as hosted on the Google api server.

prettyPhoto is working perfectly except for this mouseover issue. I do have a caption telling the user to click the picture to see the larger version, however if they mouseover directly in the center and don't see the mouseover effect they may think something is wrong. Does anyone know what I may be doing wrong and how I could fix the issue?

View 1 Replies View Related

Jquery :: Conflict - Prettyphoto Popup - Works Fine In Firefox And Safari But Not In Any Version Of IE

Aug 7, 2009

The following code is needed for the prettyphoto javascript popup. It works fine in Firefox and Safari, but not in any version of IE.

<script>
jQuery.noConflict();
$(document).ready(function(){
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>

View 1 Replies View Related

Application To Scroll The Table Header From The Same Amount Of Pixels And In The Same Direction When User Scroll Horizontal Bar In Div1

Feb 24, 2009

i have 1 div with scrollbars and another div with a table inside. when user scroll horizontal bar in div1 i want application to scroll the table header from the same amount of pixels and in the same direction. i did not find anything under jQuery about that.. :-(

1. how can i detect in which direction the scroll is done (to the right, or to the left) ?
2. how can i determine how many pixels this scrolling is about ?
3. how to scroll the table header (table tag or th tag) from the same amount of point ?

i found just scrollLeft for now and i'm not successful to use it

View 1 Replies View Related

Make An Image/text To Scroll As The User Scroll The Page Also?

Sep 25, 2009

how to make an image/text to scroll as the user scroll the page also? for example if the user scrolls down image/text also scrolls down and when the user scrolls up image/text also scrolls up..

View 6 Replies View Related

Prevent History Scroll (shift Key + Mouse Scroll) In IE

Jan 3, 2007

Is there a way in which we can disable the history scroll functionality in IE? Basically disable the SHIFT key + Mouse Scroll combination.

View 1 Replies View Related

Make A Div Tag And Its Contents Scroll Down The Page Automatically When You Scroll?

Jun 13, 2006

Does anyone know of a script that makes a div tag and its contents scroll down the page automatically when you scroll?

View 2 Replies View Related

Scroll Div In Middle Of Window When Window Is Scroll?

May 18, 2009

How to scroll div in middle of window when window is scroll?

View 2 Replies View Related

Lightbox Is Not Working?

Jun 25, 2009

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.

View 12 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved