JQuery Cycle Slideshow not working

Hi there,
I am attempting to insert a slideshow into my website, and I found this great jQuery Cycle code http://jquery.malsup.com/cycle/. I have used this one before and it worked just fine, I even tested the code on its own without my website and again it works. But as soon as I code it into my website it stops working, it just gives me the 7 images stacked. http://designsparkz.ca/indexSlide.html Any help is greatly appreciated.
Lucy

It might work now with what you have, maybe with a little tweak.
Look into your source code for this line in your <head> section...
<script type="text/javascript" src="js/jquery-1.3.js"></script>
Add a comment around it like this...

Save the page and preview in a browser to see if it works. If it doesn't work, then someone can likely help you re-write your page or find a script that will work with the others you use.

Similar Messages

Converting jQuery Cycle slideshow to jQuery Cycle2

I am trying to convert an existing jQuery Cycle slideshow with page anchors to jQuery Cycle2. I keep getting caught up on converting the Javascript that currently resides in the HTML page:
<script type="text/javascript">
$(document).ready(function(){
$('#slideshow').cycle({
fx:     'turnDown',
speed: 'fast',
timeout: 0,
pager: '#nav',
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
           return '#nav li:eq(' + idx + ') a';
</script>
Any ideas?

Cycle2 is completely different from the older Cycle plugin. C2 uses the latest jQuery core library and HTML5 data attributes to invoke the plugin's features. The function codes you have there won't work. I would recommend starting over with a plain, blank HTML5 document. The code below contains Cycle2 Carousel with Fancybox.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5, Cycle2 Carousel with Fancybox Viewer</title>


<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>
<style>
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
    box-sizing: border-box;
aside {
    float: left;
    width: 25%;
    border-right: 1px solid #666;
    padding: 2%;
section {
    float: left;
    width: 75%;
    padding: 2%;
.slideshow img { border: 4px solid #999; }
/* slideshow pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: relative;
    top: 0;
.cycle-pager span {
    font-family: arial;
    font-size: 75px;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
.cycle-pager span.cycle-pager-active { color: #09C; }
.cycle-pager > * { cursor: pointer; }
</style>
</head>
<body>
<header> <h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Carousel Slider with <a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer</h1>
</header>
<aside>
<h2>Left Aside</h2>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.
Aenean tristique enim ut ante dignissim.</p>
</aside>
<section>
<h2>Section</h2>

<div class="slideshow"
data-cycle-pause-on-hover="true"
data-cycle-fx="carousel"
data-cycle-timeout="2000"
data-cycle-pager="#pager"
data-cycle-carousel-visible="5"
data-cycle-carousel-fluid="true"
data-cycle-slides="> a"
>

<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 1" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 2" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 3" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 4" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 5" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 6" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 7" /></a>

</div>

<div class="cycle-pager" id="pager">

</div>
</section>

<script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>

<script>
        $(document).ready(function() {
            $('.fancybox').fancybox();
    </script>
</body>
</html>
Nancy O.

Datepicker of Jquery 1.9version not working in Internet Explorer 9 version but working in IE8 and IE11

Hello Guys,
I am new to Microsoft Technologies.
Recently i build an C# application using REST service. In this i used ParamQuery Grid to display data in UI.
The problem i faced is the Jquery Datepicker is not working. I wrote a function like below:
$(function ){ [name="Controlname"].datepicker()}.
The above snippet is working fine in Internet Explorer Version 8 and 11. but not in IE9.
Could you guys please let me know why it was behaving like this in IE9.

Hi Jagan,
Was there any error when running the script in IE9?
I recommend to debug the code in IE9 to see what the error is.
In the meanwhile, I recommend to add the site to compatibility mode to see if the issue still occurs.
And here are some similar threads for you to take a look:
http://bugs.jqueryui.com/ticket/8989
http://bugs.jqueryui.com/ticket/7418
http://stackoverflow.com/questions/24625715/jquery-datepicker-not-working-in-ie9-with-dynamic-textarea-added
http://forums.asp.net/t/1778821.aspx?jQuery+DatePicker+doesn+t+work+in+IE9
Best regards.
Thanks
Victoria Xia
TechNet Community Support

Query slideshow, not working when uploaded to server

Site uploade to domain: http://www.menterderm.com -----doesn't work
Site uploaded to my student server: http://www.tammy4u2.aisites.com/mdri/index.html ----works well
I'm using jquery slidshow on my site.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slideshow').cycle();
}); //end document ready
</script>
It works great in Dreamweaver and it even works great when I upload it to my student server. But when I went to upload it to the domain (on Godaddy's server), it's not working.
I do have alot of issues when I try to upload a file using Dreamweaver....it get's so frustrating. I'm also using Cyberduck to upload files as I seem to be more successful than using Dreamweaver but for whatever reason I wasn't able to connect to godaddy using Cyberduck so I had to upload using Dreamweaver (this could be related to my problem).
Does anyone suggest a better way to upload using FTP?
Any help or advice would be so appreciated.

Change the single quotes to double quotes:
wrong way:
<div id='slideshow'>
right way:
<div id="slideshow">
Optimize your images for the web so they'll load faster.
Validate code and fix reported errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.

Href links in slideshow not working

hi,
I have created a non-flash slideshow with WOW Slider which I find to be a very good program and is jquery based.
the actual slideshow runs fine on iPad, my PC - and Android devices,
but:
the six slides have links embedded to other websites, that I have set up to run in a new window, and work fine on PC & Andoid
but on the iPad the outbound links do not work - yet an href link will work on the iPad if called from a static image.
I'm at my wits end with this, and any help would be really appreciated.
thanks,
Kevin UK
nb: the problem page is: http://www.kevbro.co.uk/slides.htm
the wow slider code is:
 
<div id="wowslider-container1">
<div class="ws_images">
<ul>
<li><a href="http://www.farnworthsom.co.uk/" target="_blank"><img src="data1/images/010.jpg" alt="my latest work" title="my latest work" id="wows1_0"/></a>Driving Instructor training, help with the ADI Standards Check etc</li>
<li><a href="http://www.kevbro.co.uk/chris/index.htm" target="_blank"><img src="data1/images/007.jpg" alt="small business site" title="small business site" id="wows1_1"/></a>Hanging Baskets and Landscaping </li>
<li><a href="http://www.kevbro.co.uk/magellanfoods/index.html" target="_blank"><img src="data1/images/009.jpg" alt="local Food Company" title="local Food Company" id="wows1_2"/></a>a large site with an online ordering system</li>
<li><a href="http://www.carols-pastels.co.uk" target="_blank"><img src="data1/images/001.jpg" alt="Carol's pastels" title="Carol's pastels" id="wows1_3"/></a>the lovely artwork of my talented wife </li>
<li><a href="http://www.carols-pastels.co.uk/books/" target="_blank"><img src="data1/images/002.jpg" alt="Carol's first book" title="Carol's first book" id="wows1_4"/></a>a charming fantasy tale for children. </li>
<li><a href="http://www.kevbro.co.uk/canyon/index.htm" target="_blank"><img src="data1/images/005.jpg" alt="Grand Canyon" title="Grand Canyon" id="wows1_5"/></a>my tribute to 9 brave men in replica boats</li>
</ul>
</div>
<div class="ws_bullets"> <div>
<a href="#" title="my latest work">1</a>
<a href="#" title="small business site">2</a>
<a href="#" title="local Food Company">3</a>
<a href="#" title="Carol's pastels">4</a>
<a href="#" title="Carol's first book">5</a>
<a href="#" title="Grand Canyon">6</a>
</div>
</div>
<span class="wsl"><a href="http://wowslider.com/vu">image carousel</a> by WOWSlider.com v7.3</span>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>


I have tried many of them Frank ...
jquery ones like Wowslider, Virtual lightbox, Juicebox, Nivo slider, and css based one's like CSS slider et al.
and believe me when I say that I have found none of them to be totally reliable across all the varied devices.
whilst what I have resorted to is quite basic, it gets the job done - particularly given my age and what I am hoping to achieve with my site.
as a kind of thank you to Michael and yourself, there are links below to two small pages I did ages ago that may give you a bit of a chuckle.
they are not mentioned on my site, and I'm not sure if they work on iPads.
http://www.kevbro.co.uk/galway/bay.htm
http://www.carols-pastels.co.uk/Nigerianphone/phone.htm
all the best,
Kevin

Text in Spry Slideshow, not working in Explorer.

Hi,
I have attempted to search for a similar topic, but am not able to find anything.
I have input the spry slideshow into my page, and it is fully functional for safari, chrome, firefox, but seems like it is only not working in IE.
The text that is supposed to be showing up to the right of the images is not showing with IE.
I had read a couple things on opacity, or such but am not sure if it applies to the text as well.
www.i4homedesign.ca
This is the first time I have posted on this forum and am not sure if I need to be including anything else.
Thanks
i4homedesign.

Here is the code for the Spry Slideshow if it helps...
<link href="Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css" rel="stylesheet" type="text/css">
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryContentSlideShow.js" type="text/javascript"></script>
<script type="text/xml">

</script>
<style type="text/css">
a:link {
color: #FFF;
a:visited {
color: #CCC;
a:hover {
color: #999;
body,td,th {
font-family: "MS Serif", "New York", serif;
</style>
</HEAD>
<BODY text="#FFFFFF" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table align="center" width="1000" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><br></td>
</tr>
<TABLE align="center" WIDTH=1000 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
    <TD ROWSPAN=2><IMG SRC="images/header_01.gif" WIDTH=22 HEIGHT=112 ALT=""></TD>
    <TD COLSPAN=3><IMG SRC="images/header_02.gif" WIDTH=959 HEIGHT=90 ALT=""></TD>
    <TD ROWSPAN=2><IMG SRC="images/header_03.gif" WIDTH=19 HEIGHT=112 ALT=""></TD>
</TR>
<TR>
    <TD><IMG SRC="images/header_04.gif" WIDTH=13 HEIGHT=22 ALT=""></TD>
    <TD><IMG SRC="images/header_05.gif" ALT="" WIDTH=929 HEIGHT=22 border="0" usemap="#Map"></TD>
    <TD><IMG SRC="images/header_06.gif" WIDTH=17 HEIGHT=22 ALT=""></TD>
</TR>
<TR>
    <TD COLSPAN=5><IMG SRC="images/header_07.gif" WIDTH=1000 HEIGHT=8 ALT=""></TD>
</TR>
</TABLE>
<table align="center" width="930" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td><br>
      <h1 align="center">SEE YOUR DREAMS BEFORE YOU BUILD</h1>
      <br>
      <div id="ImageSlideShow" align="center">
        <div class="article">
          <div class="photo"> <img src="Images/house-blueprint.jpg" width="370" height="247">
            <div class="caption">COMPREHENSIVE CONSTRUCTION DOCUMENTS</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">FULL WORKING PRINTS</div>
              <div class="subTitle">SOLID DESIGN</div>
            </div>
            <div class="content">
              <p>Framing and homebuilding experience.
                Incorporating both inspired creativity and practical design.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Home Render Image_1.png" width="1024" height="600">
            <div class="caption">LEADING EDGE 3D RENDERING</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">PHOTO REALISITC CAPABILITY</div>
              <div class="subTitle">LEADING EDGE RENDERINGS</div>
            </div>
            <div class="content">
              <p>Constantly seeking to be on the edge of new technology. Providing customers with comprehensive visualization of their home.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Heyn Bathroom Thea 2 Bloom.png" width="1328" height="774">
            <div class="caption">COMPETITIVE RATES, PROMPT TIMELINES</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">COMPETITIVE RATES</div>
              <div class="subTitle">Reasonable timelines.</div>
            </div>
            <div class="content">
              <p>Providing exceptional service in every aspect of the design process of your home.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Thea-Image-11097.gif" width="803" height="522">
            <div class="caption">INNOVATIVE DESIGN</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">INNOVATIVE DESIGN</div>
              </div>
            <div class="content">
              <p>Whether you're seeking a 'Ranch' house, 'Modern' two story, or 'Arts and Craft' bungalow or other style, we provide that "Little extra".</p>
            </div>
          </div>
        </div>
      </div>
      <script type="text/javascript">
// BeginOAWidget_Instance_2141541: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
widgetClass: "WLBSlideShow",
displayInterval: 8000,
transitionDuration: 2000
// EndOAWidget_Instance_2141541
</script>
    <br>
      <H2 align="center">PREMIERE RESIDENTIAL DRAFTING COMPANY</H2>
      <h3 style="margin-left:200">- Based in the Peace Region.<br>
        - Comprehensive design process.<br>
        - Full working prints.<BR>
        - Leading edge 3D imaging/rendering.<BR>
      </h3>
      <P align="center"> </p></td>
</tr>
</table>

JQuery Colorbox Plugin Not Working Properly in IE - HELP!

This is a convoluted issue and I will do my best to explain. I am setting cookies in a page that will show a lightbox on the first visit. It works great in FF, Chrome, etc. but does not in IE.
What happens in IE is the script for calling my lightbox (colorbox) fires but all I see is the AJAX Loader spinning and the content never loads. I figured out that the script was firing too soon. I was using $j(document).ready(function() I switched to: $j(window).load(function() and all seemed to be fine and it worked properly until I start from another page and come to the page mentioned above.
If I start on any other page and click a link I have the same issue! The cookie works properly and does not fire the box a second time.
In other words if I clear cookies and start at the page with an issue then no issue. BUT if I start from any other page (with cookies cleared) and go to the above page the colorbox does not load properly.
From what I can tell the $j(window).load(function()is not working correctly.
I receive no errors from IE. I am using IE 8 for testing and cannot test 9 as I am using Windows XP. The script is in the <head> of my document. (If I move the script into the <body> it completely breaks the page in IE)
I have read of issues of DOCTYPE not being correct or shortend and colorbox issues in IE. My DOCTYPE is as follow which should be correct:
<!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">
Any thoughts or ideas are greatly appreciated!
Here is my code I am using:
Javascript
var $j = jQuery.noConflict();
$j(window).load(function() {
//window.onload = function() does not function properly either...
if(!$j.cookie('gallerycookie')){
    $j.colorbox({
      inline:true,
      href:"#gallery-nav-instruct"
    $j.cookie("gallerycookie", 1, {
      expires: 30,
      path: '/'
HTML
<div style="display:none">
<div id="gallery-nav-instruct">
    <h2>Gallery Navigation Instructions - Step 1</h2><h2 style="text-align:right">
      <a style="text-align:right;" class="inline cw" href="
         #gallery-enlarge-instruct">Step 2</a></h2>
    <p> </p>
    <p class="white"><img src="/Images/Pages/gallery-navigation.jpg" width="890" height="450" alt="Gallery Navigation Instructions" /></p>
</div>
</div>
<div style="display:none">
<div id="gallery-enlarge-instruct">
    <h2>Gallery Navigation Instructions - Step 2</h2>
    <p> </p>
    <h2><a class="inline cw" href="#gallery-nav-instruct">Step 1</a> </h2>
    <p class="white"><img src="/Images/Pages/gallery-enlarge.jpg" width="890" height="510" alt="Gallery -Enlarged View Instructions" /></p>
</div>
</div>
Also:
I attempted to use [code]window.onload = function()[/code]
and the same issue happened and
I attempted to use the event handler to trigger the script once the div was loaded, that did not even fire the script at all. here was that code:
var $j = jQuery.noConflict();
$j('#gallery-nav-instruct').load(function() {
if(!$j.cookie('gallerycookie')){
    $j.colorbox({
      inline:true,
      href:"#gallery-nav-instruct"
    $j.cookie("gallerycookie", 1, {
      expires: 30,
      path: '/'
If I move the script to call Colorbox outside of the Head section it completely breaks the gallery - any ideas as to why as that may help if I can place the code at the end vs the head.
I have posted this question over at Stack Overflow with no help at all and any assistance would be amazing!
One other note: I am using jAlbum on the page and I do not see any conflicts but could there be an issue? I cannot post that code here as it would exceed the post limit.
To trigger this error start at http://tinyurl.com/7lgqdve , a lightbox will appear. Click Message Examples (lower left hand corner of lightbox or first item in menu without lightbox).
Here is a direct link to the http://tinyurl.com/6ub72og if needed. (Going to the page directly will not trigger the error.)

Hi,
I think you'll get better answers to this in the Dreamweaver forum.
http://forums.adobe.com/community/dreamweaver/dreamweaver_general?view=discussions
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

IWeb published to .mac- slideshow not working

The slideshow and 'click to enlarge' features are not working. The button is there, but nothing happens when I (or anyone) click on them. How do I activate these functions?
Also, I downloaded Moble Me, but I don't think I activated it because when I saw the features, they do not apply to me. (Will iPhones ever work with Verizon?) Do I need to activate it anyway? Is the fee the same as my .mac account? I was able to publish from iWeb to .mac, just . . . (see paragraph above).
Nancy

Never mind . . . it didn't work yesterday, but is today for some reason.

Jquery Loading Image not working at Page Load

Hi,
I developed a page using Jquery, want to load an image at the page load. I am using .show() and .hide() functions, but it is not working. I am using "async;false" in all my SPServices. Can i load the image without setting "async: true"?
shanthan

Hi,
According to your post, my understanding is that you had an issue about the JQuery loading image.
I think the issue is related to the browser. Did you use the IE 8?
The hide() and show() method not work in IE 8.
http://social.technet.microsoft.com/Forums/en-US/a8e17024-bea3-4cb7-8283-bcbcf8955e18/jquery-loading-image-issue?forum=sharepointgeneralprevious
http://stackoverflow.com/questions/21876416/show-hide-not-working-in-ie8-jquery
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

Slideshow not working in aperture trial.

downloaded aperture version 3 from apple site. notable to create slideshows. slideshow themes are empty. when photos a re added to an empty slideshow and played just white screens appear. Tried updating aperture to 3.1.1. Its weird y slideshow themes are empty and not working. Any ideas how to fix would be appreciated.
-Avinash

Kevin,
These types of issues are often very difficult for software companies to reproduce. There are literally hundreds of thousands if not millions of different combinations of video cards, OS versions, software installations, sound cards, etc., on machines out there. And Adobe probably doesn't have a machine with the exact same combination in their lab. If they did, they'd be able to replicate it.
The first step in diagnosing a problem is to find out what might be causing it, so they can replicate it, and then figure out what's going on and fix it. Without a way to replicate the problem, there's nothing they can do. Thus, giving a fairly extensive list of configuration is an extremely useful exercise.
On a Mac you can grab all this info very easily with System Profiler (and Apple loves it when you send this info with a bug report). I'd suggest the OP could do well to answer the questions -- because while yes it's noted that more than one person IS seeing this problem, the fact is that the engineering and QA folks at Adobe apparently have NOT. And until they know what's causing the problem, they can't do anything about it. I don't think anyone is filibustering here... but this is like going to the doctor and saying there's a problem and when he asks if something hurts getting upset about the question.

Ken Burns slideshow not working in IE6

Works fine in other browsers tested. Error says "expected
identifier, string or number" line 39.
The page I am working on is at
<www.thishope.org/contactold2.htm>
Any ideas why it would not work in IE6? It says that it
should on the extension page.
For Reference:
I am working on a mac using OSX 5 and DW cs4. I am testing on
an old PC with IE6.
Thanks in advance!

Hi,
Here is the fix..
First change .
replace first lines upto head tag with the following 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">
<HEAD>
second change
<div style="display: block; position: relative; z-index: 0;" id="show1" class="slideshow"><script type="text/javascript">
// BeginWebWidget Ken_Burns_Slideshow: show1
      window.addEvent('domready', function(){
        var data = {
          'header-photo1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
          'header-photo3.jpg': { caption: 'A Ceibu tree.' },
          'header-photo2.jpg': { caption: 'A Ceibu tree.' } - removed comma here
        var myShow = new Slideshow.KenBurns('show1', data, { controller: true, delay: 5000, duration: 3000, height: 216, hu: 'images/', thumbnails: false, width: 508 });
Rest of the code on the page remains same

Slideshow not working correctly on my site. cannot figure out why.

I cannot seem to figure out why this slideshow is not working Its working in Muse and the assetts are fine as well. This started after I edited some content in the BC CMS. Does anyone know why this is happening?

Hello
Can you provide the URL to the page that contains the slideshow?
Cheers
Parikshit

IE 7 and 8, photos not loading, image slideshow not working

I have invested hours and hours and hours on my website, only to find out that what I see on my computer is not what others (users of IE versions 7 and 8) see. I have determined from reading other queries on this forum that the Spry Image slideshow widget is a problem for just about everyone. If this widget does not work in IE 7 or 8, is there another widget or another solution so that photos can be displayed on the website?
I would also like to know why some of the single photos on various pages do not load properly.
The website is:http://nhcstar.org

Spry version 1.6x does not work very well with Spry version 1.7. Hence you will have to treat both versions with soft gloves.
If, for instance you were to place version 1.6x above version 1.7, you might find you you will get some kindness in return.
In other words,
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryContentSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.js" type="text/javascript"></script>
Gramps

IPhoto 11 slideshow not working

Mac Book Pro, Lion 10.7.1. Just downloaded iPhoto 11 and slideshow with not work. I've tried selecting pictures and making slideshow and also just picking Event photos, but when I hit slideshow button, the screen blanks out momentarily and then comes back, no slideshow. Anyone else with similar problems or ideas? Thanks.

I had this problem after updating to iPhoto '11 v.9.2. This is how I solved it.
     1. Quit iPhoto and reopened while holding down option and command. These options appear.
     2. Selected 2 boxes: Rebuild small thumbnails and rebuild all thumbnails and clicked Rebuild. This did not solve the problem.
     3. Repeated step 1. then selected repair permissions and hit Rebuild. This solved the problem.

Autoplay for slideshows not working anymore (Android)

Hi,
The Autoplay feature for Slideshows on an Android Viewer does not work anymore (App Version 3.4.1.2.91513, v29, Android 4.2, build today with latest DPS App Builder). It's an 1024x768 px sized folio with PDF, v28.
Anyone else having this problem?
EDIT:
- The same problem for HTML content (vimeo video placed as well as an Edge Animation).
- Some Overlays such as slideshows show with crappy quality and the text is not readable.
EDIT2:
- HTML Content always overlays other interactive features, like MSO's. The order on the iPad and in InDesign (MSO has a higher layer) is OK.
Thanks,
Yves

It was change because laptop owners couldn't keep from accidentally hitting the power button when reaching for the delete key.
Press and hold for about 2 seconds to get sleep.
Press and hold for about 4-5 seconds for dialog box.
Press and hold for about 10 seconds to force shutdown.

JQuery Cycle Slideshow not working

Similar Messages

Maybe you are looking for