I can click the next button and go forward until it reaches the last slide then it sticks. The Back button is also broken. This code works great with 1.3.1 and 1.2.6 but has the aforementioned bugs in 1.3.2....
$(document).ready(function() {
var fadeSpeed = 1000;
var currentSlide = 0;
var setSeconds = 1200;
[Code]....
At my whits end with trying to get jquery cycle to play nice with IE and pngs. I know its the opacity issue but I just can't tweak it.Can someone please suggest a better solution for my slideshow? Check the link below to see what I have now. i would like something similar that is also clean.http://vismarkgroup.com/dev/vision/
View 3 Replies View RelatedIn the past few days I've been trying to make this script work but why the following script works on IE but not on other browsers? It seems that IE waits for the <img> tags to load in the #slideshow and then starts the slideshow. The other browsers seem to load the slideshow while the XML parser is trying to load img tags. It only shows the first image and doesn't do anything else. What could cause this? I tried delay(), load(), ready().
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="demoStyleSheet.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="fadeSlideShow.js"></script>
</head><body> .....
Following this jQuery slideshow tutorial (Usecase 3 sample, about 2/3 down the page, this is the one without thumbnails): [url]
I constructed the slideshow:[url]
...which works perfectly in browser view locally (FF and IE). When uploaded to the server, however, I've got a static list of photos as you can see. Can someone shed some light on what the problem is? All relevant files are attached (I changed the images to simple colors to get the file size within the attachment limit).
I have a Nivo slider that works fine on this page.
Slideshow page.
But it fails when I load it into this page using jQuery's .load function
Project List
(Click on any of the project links to load the content)
Might it be a conflict between nivo slider and the jquery script that controls the open/close and loading the content? Here's that code: [URL]
Following this jQuery slideshow tutorial (Usecase 3 sample, about 2/3 down the page, this is the one without thumbnails):
[URL]
I constructed the slideshow:
[URL]
...which works perfectly in browser view locally (FF and IE). When uploaded to the server, however, I've got a static list of photos as you can see. Can someone shed some light on what the problem is? All relevant files are attached (I changed the images to simple colors to get the file size within the attachment limit).
I have experimented in a variety of ways, and when I use the opacity CSS attribute, it kills the next level of the menu in IE6, FF as always no prob. Thus, when I had the CSS opacity code to <ul>, <li> does not appear. If I add it to <ul><li>, then the second level
<ul><li> <li>
does not appear. The menu's next level does not slide down, or out...
E.g. I am adding:
.sf-menu li li {
filter: alpha
opacity=80
;
}
To the Custom CSS field in the Joomla mod_superfishmenu module. I am using jQuery 1.2.6 and loading all SuperFish JS after mootools.js. I have also tried add it directly to superfish.css. I would love to add the animation, but can't get beyond opacity.
My problem here is that I recently implemented a javascript slideshow for my page, but it only seems to work on Firefox and not on any other browser (such as IE and Safari).
Here's the page code...
Could anyone take a peek and see what's going on?
I'm developing a website and I am using a slideshow done in jquery which works fine on all pages expect the gallery page.On the gallery page I am using Lightbox2 but as soon as I add the js files to this page the slideshow stop working and only shows one image.
View 4 Replies View RelatedAs stated my code works in Chrome but that's it. In IE and FF there are no errors but it only shows about 1/3 of the slide show and cuts the rest off. code...
I'm sure this is just a simple adjustment in width and height somewhere but I can't figure it out. Like I said, I have no errors I just can't get it to look like I want it. If I left anything out that is needed to troubleshoot this problem
The script below loads a calendar page in an iframe and scrolls to
today's date.
It works just dandy on my apache/linux server, but won't do anything
when I use IIS. (Nothing appears on the page at all where the script is
at.)
I'd appreciate any suggestions on how to make this work from the IIS
server. Code:
So Im trying to create a slideshow with thumbnails the user can scroll through and use to navigate the slideshow. I'm a big fan of cycle so I wanted to use that as my main slideshow component and was planning on using jcarousel for the pager. So far it works great in Firefox, Chrome, and Safari, yet in IE the thumbnails are not loading. I'm guessing it has something to do with how the images in the pager are generated and then jcarousel just isnt proccessing that in IE but I 'm not sure. I feel like I'm very close to getting this slideshow to work, yet I need to figure out why it is failing in IE.
[Code]...
I am using a simple prototype slideshow and a more comprehensive jquery slideshow on my website.When these are used on the same webpage on my website there appears to be a collision: (For example)Code:element.attachEvent is not a function[Break on this error] element.attachEvent("on" + actualEventName, responder); How can I avoid the conflict without reverting to a new slideshow?
View 1 Replies View Relatedi have a small image slideshow i want add a text slideshow to image slideshow. how is it?
my code:
<!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">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
[Code]....
I'm just restating my "site abandonment" post but with a clearer title as I realized it probably only made sense to me and me alone.
I have window that pops up with our commerce system. I have it set to pop up a window via JavaScript if the visitor quits early in the process (abandons the commerce system before completing all of the steps. The new popup is just a customer survey ("why are you leaving, is there something else we can help you with" etc. etc.).
Here's the problem, it works fine in IE, but in Firefox, anytime the page in the original commerce window is changed, refreshed or advanced to a new page, the survey popup window is called rather than just on window close.
Again, here's the two JavaScript routines that handle clicks on the graphical close button and on the window 'X' close button. Code:
I have a basic 3 image slideshow banner for a website, but it loops and I'd like it to stop on the last banner image instead of start over. Here is the code I have, but I don't know what to do to stop the slideshow once the last image is displayed:
<div id="mySlider">
<div id="slider">
<!-- start slideshow -->
[code]....
Im having trouble getting my jquery slideshow to work in IE, It works fine in FF and Safari. I tried using "supersleight" which seem to help my transparent pngs and text but the slideshow doesnt even seem to be being read.
View 1 Replies View RelatedI have a jquery slideshow on a webpage. It works fine. No problem. how I could load the images by an XML file?
The code is:
<html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
[Code].....
I have tried to have the jQuery Slideshow in one of my site, but it is now not working in IE9. It is working fine in all IE Versions till IE8.I have update the JQUERY file with version 1.5.2. SAMPLE DONE can be viewed at Here
View 3 Replies View RelatedI'm using a simple fade slideshow of 5 images on my site's home page. This works fine in everything except IE6 and IE7. In these browsers, all of the images are displayed at the same time one right after another. The slideshow does not cycle...it is static images.
Here's my site: [url]
I have placed 2 links below that show the JQuery slideshow that is 99% complete and working great. I also am posting a second link that shows a very similar JQuery slideshow that shows A-Tags working correctly and has instructions to help me add A-Tags.
Problem. The LAST slide in my slideshow has a simple A-Tag with a link to a page in the website. The link seems to show up but the when clicked "Nothing Happens"
Code:
<a href="get_organized.php" target="_top"><img src="intro/ocd_logo.jpg" width="930" height="615" /></a>
Link to my JQuery Slideshow with the error on the last slide
[Code]....
I have preloaded the images i want to use into an array and want to cycle thruindefinitely each image in the array, and use the each function on the array. The array isvar imgs = [];
I have a div such as this
<div id="mydiv"></div>
& with current styling such as this -
#mydiv{
background-image: url(myimg.jpg);
[Code]....
only the last image shows up... I am going around the bend ( turning green, red, and face rgb (255,255,255)
I am new at this jquery stuff. In fact, I'm more of a cut and paste kind of gal I have a web page that I incorporated a slideshow. The picture seems to change a bit faster than I'd like, and I can't seem to make the picture go slower than it already is. Can anyone tell me what value I need to change to accomplish this? I changed a couple numbers, but didn't seem to have an affect. Also, is there a way to add a pause and play button so if the fading picture bothers someone, they can pause it?
[Code]...
I'm interested in putting on a simple, fade, slideshow. I followed the directions according to this link: [URL].
Here's my code in the <head> </head>
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>
<!-- include jQuery library -->
<script type="text/javascript" src="[URL]"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="[URL]"></script>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
I uploaded the.JS files.
And here's the HTML:
<div class="slideshow">
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
</div>
They are just stacked up, nothing's happening. Check it out: [URL].
I would like to use the slideshow as the background of the webpage, how can I do that?
View 3 Replies View RelatedI downloaded and installed Securimage's Captcha code, and then my jQuery slideshow (by Jon Raasch) stopped working. I'm new to jQuery and am really a javascript noob to begin with, so I don't know where to begin. I looked at slideshow.js and prototype-1.6.0.2,js to try to find some conflict and I can't find anything obvious. I know that the Captcha code is the problem because when I comment out the <script>, the slideshow starts working again. he site I'm working on is here: [URL]
View 5 Replies View Related