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 RepliesI'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...
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 RelatedI 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]
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 RelatedI'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.
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?
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]...
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>
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]
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.
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..
i'm in trouble running my slider panel script i developed in jquery 1.2...it dosen't work under jquery 1.3.2
this is the javascript
(document).ready(function() { $(".topMenuAction").click( function() {
if ($("#openCloseIdentifier").is(":hidden")) {
$("#slider").animate({
marginTop: "-121px"
[Code].....
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/"></script>
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/startstop-slider.js"></script>
and they work fine in the slides in All other browsers but IE, If I remove the "interface.js" the slide works but I want both to work
Does anyone know if there is a compatibility issue with JSLint and JQUERY?
View 5 Replies View RelatedI 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.
are there problems with the animation with IE8 compatibility mode forced off? I am using meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" to force IE 8 out of compatibility mode for my site, as I need to use the new CSS support that IE 8 finally properly implements (it's an internal site, so I'm not worried about any other browsers), but I notice that in doing that the fadeIn (and Out) no longer seems to work - the content the method is being applied to just sits there for the fade duration and then disappears. This isn't a great hardship, but it would be nice to be able to showcase what jQuery can do and these effects would add a bit more wow-factor to the site.
View 1 Replies View RelatedThe following code works for Firefox but not on Chrome. Does anybody know what it doesn't work on Chrome. Is there a document on the browser compatibility info on each JQuery command.
[Code]...
I'm trying to use the jqModal plugin on my page: [url]
Here is a sample showing my problem: [url]
If you see this example in a IE6 or IE7 or IE8 in compatibility mode, you will see, that the the modal box is not 100% opacity. It works great in FF, IE8, Chrome and so on.
The problem is because of a "position:relative;" in the "containerTop" div - the parent div of the dialog.
Tested it in Opera, FF 3.5 - there, the result shows that the submit button was sent too. however, in Chrome, it is not sent. It even works in IE8 (sic), didn't test lower versions. Might be a Chrome bug, but since jQ should be cross-browser and work the same everywhere, then Chrome could do with a workaround or smth.
View 1 Replies View RelatedI'm currently programming a website and we wanted to have Jquery on it. This is my first real foray into Jquery (other than occasionally using a plugin here and there) so I'm a bit confused as to why what is happening is happening.
The idea is to have 3 different things going on: At the top of the website we want rotating ads. When one of them is clicked, it opens a video file in Lightbox style (darkens the BG) 3 rotating banners below that, when clicked they just go to a website 3 more buttons with play buttons in the corners. When the play button is clicked, a video player takes over the button and plays the video. So far I have the 2nd and 3rd one working. The video player works, the Jquery shows and hides the divs appropriately, and the rotating banners work great.
[Code]...
I've got a particular javascript coding and for some reason it is only working for my mac visitors, but not PC.
What can I do to make this coding compatible for both? Where might the issues be?
I'm new to javascript, and I've been looking around for some
references on compatibility issues, but didn't found much.
I'm intrested in any and all kind of recommandations about
which methods are supported by which browsers, and all that
kind of stuff.
Are there any groups focused on these issues, or some pages
where reports up to date may be found ?
for instance, I've written some basic code from tutorials in
order to get my hands in javascript, and even with that simple
stuff, I've already come across problems with scripts that
work with firebird, but don't work with explorer.
source of that example follows:
Can anyone point me to a site that gives a good (basic) tutorial on writing
JS so that it runs in multiple browsers?
I have a web app that's been targeted for IE 5.5 but need it to work in
other browsers such as Mozilla.
Things I've noticed are HTML lines like <div class="divwithborder"
style="width:600px; height:351px;left:20px"> - in mozilla the "height"
attribute seems to be completely ignored!
I have the following javascript which is setting up a quiz (delivered from off-site) into an iframe. The javascript code determines if the visitor has Flash or not, and then sets up the page, on button click, to deliver the appropriate version of the quiz into the iframe.
For some reason, this code works in everything (it seems) except IE8. In IE8 without Flash, something (perhaps in the code itself?) kicks the viewer into a blank page. If someone could just test the URL below Maybe (I am thinking) it is because the computer I tested it on did not have JS enabled? Or maybe there is something in the code? Or maybe with the quiz delivered from off-site?
Here is the code:
<!--QUIZ BEGINS-->
<article id="page_7c">
<div class="box" id="page1">
<a href="#page_1" class="close"></a>
[Code]....
If you click on the link bottom left ("Test Your Knowledge of UFOs") that should send you to the appropriate version of the quiz.
I'm working on an application that uses ajax and we are going to have a version that people with browsers that don't support the XmlHttpRequest object. My problem is what's the best way to check this.
I have tried the following
var xmlreq = new new XMLHttpRequest();
if (!xmlreq){
// handle the browser stuff
}
In netscape 4.7 this results in an error that I don't seem to be able to recover from and I don't think this is the best approach to this problem.