JQuery slideshow doesn't work

Now that I have the javascript code in the right place in the head, and I have followed all the other instructions to get a jQuery slideshow into my webpage, are there any ideas why it doesn't function as a slideshow please?
In browser preview, one piece of javascript code shows at the top of the page
jQuery(document).ready(function($) { $('#SWAP').cycle({ fx: 'fadeZoom'}); });
and the images for the slideshow are all showing on the page one underneath the other.
Here's all the code for the page, with the relevant code for the slideshow in BOLD:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="description" content="The most recent review of Lunaire Collective printed in The Australian newspaper.">
<meta name="keywords" content="review, The Australian, Whistler, Tom Green, Birtwistle secret theatre">
<title>LUNAIRE COLLECTIVE: Reviews and photos of Lunaire Collective - News and Reviews</title>

<link href="desktop.css" rel="stylesheet" type="text/css">
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
jQuery(document).ready(function($) {
$('#SWAP').cycle({ fx: 'fadeZoom'});

<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body>
<div class="container">
<div class="header"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="133" id="FlashID" title="Lunaire Collective with moon animation">
    <param name="movie" value="lunaire_banner.swf">
    <param name="quality" value="high">
    <param name="wmode" value="opaque">
    <param name="swfversion" value="7.0.70.0">
    
    
    <object type="application/x-shockwave-flash" data="lunaire_banner.swf" width="1024" height="133">
      
      <param name="quality" value="high">
      <param name="wmode" value="opaque">
      <param name="swfversion" value="7.0.70.0">
      <param name="expressinstall" value="Scripts/expressInstall.swf">
      
    </object>
    
</object>
</div>
<div class="nav">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about_us.html">ABOUT US</a></li>
<li><a href="concerts.html">CONCERTS</a></li>
<li><a href="news.html">GALLERY</a></li>
<li><a href="composers.html">COMPOSERS</a></li>
<li><a href="contact_us.html">CONTACT US</a></li>
</ul>
</div>

<div class="sidebar1">
</div>

<div class="content" id="SWAP">
   <img src="slideshow/slide00.jpg" width="600" height="338" alt="The Lunaire Collective members"/>
   <img src="slideshow/slide01.jpg" width="600" height="338" alt="Lunaire in the recording studio"/>
   <img src="slideshow/slide02.jpg" width="600" height="338" alt="Lunaire in quartet form"/>
   <img src="slideshow/slide03.jpg" width="600" height="338" alt="Lunaire in duo form"/>
   <img src="slideshow/slide04.jpg" width="600" height="338" alt="Lunaire in quartet form"/>
   <img src="slideshow/slide05.jpg" width="600" height="338" alt="Lunaire at Tyalgum festival 2014"/>
   <img src="slideshow/slide06.jpg" width="600" height="338" alt="Lunaire with Hartley Newman"/>   
</div>

<div class="sidebar2">
    <h2>UPCOMING CONCERTS</h2>
    <p><a href="concerts.html">Wed 25 Mar 1:05pm<br>
      Classic Wind<br>
      Quintets<br>
      at QCGU</a></p>
    <p><a href="concerts.html">Wed 3 Jun 6:00pm<br>
      Romantic<br>
      Revue<br>
      at QCGU</a></p>
    <p><a href="concerts.html">Wed 10 June 6:00pm<br>
    Winds at<br>
    Twilight<br>
    Toowoomba</a></p>
    <p><a href="concerts.html">Sat 11-13 Sept <br>
Tyalgum Music<br>
Festival</a></p>
    <p><a href="concerts.html">Wed 14 Oct 6:00pm<br>Carter<br>at QCGU</a></p>
</div>
<div class="footer">
<div class="footer2">
<p><a href="index.html"><img src="graphics/lunaire_logo_transparent_no_outline.jpg" alt="Lunaire Collective Logo" width="171" height="97" class="fltlft"></a><a href="http://www.griffith.edu.au/music/queensland-conservatorium" target="_blank"><img src="graphics/Griffith-logo-colour.png" alt="Griffith University Logo" width="236" height="63" class="fltrt"></a></p>
</div>
<div class="footer3"><p class="italics">© 2013 Lunaire Collective. All rights reserved.</p>
<p class="italics"><a href="http://www.web.prohasky.com.au" target="_blank">Web design by Glenn Prohasky</a></p>
</div>
</div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Change this -
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
jQuery(document).ready(function($) {
$('#SWAP').cycle({ fx: 'fadeZoom'});
To this -
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script>
jQuery(document).ready(function($) {
$('#SWAP').cycle({ fx: 'fadeZoom'});
</script>
Assuming everything else is in the right place, that should do the trick. But here's a suggestion - put the two external links ABOVE the editable region in the template. That way, all files will link to those two jquery files (it won't matter since they are cached locally) and then all you'd need to put into the editable region would be the embedded script -
<script>
jQuery(document).ready(function($) {
$('#SWAP').cycle({ fx: 'fadeZoom'});
</script>

Similar Messages

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

Lightbox (jQuery Lightbox Evolution) made in Adobe Edge, doesn´t work in Adobe Muse (oam file)

Hi!, I got a problem that I can´t fix it, or I don´t know how to do it in Adobe Muse.
First I have the Jquery Lightbox Evolution ready to do it in Adobe Edge.
I could work the lightbox in Edge perfectly doing this:
1. I added the JS files of the Jquery Lightbox Evolution into EDGE :
2. I wrote this code in STAGE - COMPOSITIONREADY:
yepnope({load: "js/lightbox/themes/classic/jquery.lightbox.css",complete: function() {}});
3. I wrote this CLICK code into the blue box animation;
{$.lightbox("images/4.jpg");return false;};
4. Now, if I do a Preview, and if I click into the blue box animation, appears the Jquery Lightbox Evolution, like I want:
5. Perfect, I publish the project like an Animate Deployment Package (.oam) to import this into Muse.
6. Now the problems begins, I import the Edge animation into my Muse project, but when I see the preview of my page, the lightbox doesn´t work, Muse don´t recognize the lightbox CSS file because I see something like that:
The blue box animation work perfectly into Muse!, but when I click on it and when it should appear the Jquery Lightbox, happens that problem, Muse don´t recognize the CSS file and the "lightbox" appears INTO the box animation, like if I put a "_self" code.
Really I don´t know how to fix that, should import the CSS file into Muse? should write a code into Page Properties- Metadata?, write a code inserting a HTML?, change some code in Adobe Edge?
Thanks!!!!

I´m sorry, but any ideas how to fix that?

Bug? chained jQuery Selector in Dynamic Action doesn't work

Just found out, that this jQuery Selector jQuery("#ABOTYPE_REPORT").find("#f01_0001") doesn't work as triggering Element of type "jQuery Selector" in a Dynamic Action.
But this one jQuery("#ABOTYPE_REPORT").find("#f01_0001")[0] worked with type "DOM Element" as triggering Element in a Dynamic Action.
To my knowledge even the first one is a real and valid jQuery Selector and should work.
brgds,
Peter
Blog: http://www.oracle-and-apex.com
ApexLib: http://apexlib.oracleapex.info
BuilderPlugin: http://builderplugin.oracleapex.info
Work: http://www.click-click.at

Hi Patrick,
It would be really nice if you could support a less strict definition of the jQuery Selector (as i understand DOM Object and jQuery Selector to be the advanced and more powerful options).
In my example i could directly use #f01_0001 if my page wouldn't have more than one TabForm on it (and therefore multiple elements with id f01_0001) ;-)
brgds,
Peter
Blog: http://www.oracle-and-apex.com
ApexLib: http://apexlib.oracleapex.info
BuilderPlugin: http://builderplugin.oracleapex.info
Work: http://www.click-click.at

Create Slideshow Display sequence property doesn't work

Create Slideshow Display sequence property doesn't work,
I have selcted random but the slideshow always plays in order. I searched the scripts for any logi related to this and other properties set, but cannot find any refernce to any of these propoerties:
transType='Random' transTime='1' firstImage='1' dispSequence='1'>
How can I make the slideshow start with a random image each time?
thanks
s

Hello,
I am back on this question, about how to get the non-flash version of the Creatr Slideshow v1.6 to display the images in a random sequence. Can anyone point me in the right direction, please?
thanks
juno

Muse CC 2014.1 slideshow--why doesn't work in Internet Explorer on a PC?

I have created several slideshows on my Muse websites but the one I just did yesterday doesn't work on Internet Explorer. It works on all other browsers though. Any ideas why or perhaps a workaround?

Well not really. Even if you did "convert" these images, iWeb would overwrite them again as soon as you published again. You see, iWeb converts to PNG anytime you let iWeb do anything to an image.
The secret is to have your images "iWeb-ready" before dropping them into iWeb. That means using some other program to properly size your images and apply any effects to them (like shadows, rotation, reflections, frames, etc). It's a pain in the neck, but it works. This is a limitation of iWeb that we all have to work around for IE users.
If it's any consolation to you, the next version of Internet Explorer comes with full PNG support and will bring the unwashed masses of PC users into a more modern era of browser technology (if the technology hasn't advanced even more by that time).

"Fit slideshow to music" feature doesn't work

I've selected "Fit sideshow to music" on a slideshow I've made. Using a song imported from my iTunes library. Ken Burns effect is switched on.
But the feature doesn't work. The song ends but there are still more slides to show.
Isn't the idea that the computer will speed up the pix so they end just as the music ends?
Anyone know how to fix this?
Thanks.
Mac Mini Mac OS X (10.4.3)

Try this solution.

Adobe Muse slideshow widget not working on Ipad

The Muse slideshow widget i'm using is working fine in desktop version (on my Imac and Macbook Pro Retina), but the targets (buttons) are not working when i open the website in my Safari Ipad. When i open in Ipad Chrome, it's working fine.
The address is http://www.safra7.com/clientes/pontual/linha_tempo
I can't figure what's wrong, after trying various solutions.
Thanks,
Felipe de Mello.

To answer your first question, a widget is essentially a app extension. Try the stock market app below, once you download it you'll be able to add a stock market widget to Notification Center. If the link below doesn't work go to the App Store and enter Stocks Widget by Peeksoft in the search field.
Stocks Widget - Track stock market portfolios and quotes inside the Today notification center by Peeksoft LLC
https://appsto.re/us/ARcd3.i

Converting a Keynote document to Powerpoint file doesn't work

I tried to convert Keynote documents to PowerPoint files that can be viewed and edited by PowerPoint users on Windows or Mac OS computers. All I got was a error. Can any one tell me how to make this work.I did every thing that was in the instructions.
To create a PowerPoint slideshow:
Choose File > Export and then click PowerPoint.
Click Next.
Type a name and choose a location for the file, and then click Export.

Hy Kyn, thank you for answering.
Every slide on my presentation has animated objekts. And every slide is linked (by hyperlink) to every slide on the presentation. So I want to give the user the chance to interrupt and to go to next slide. Therefore is an arrow to klick on, which has a hyperlink to next side (or do go to start, or to go back) - during the slide-animation is working.
That works fine in keynote, but it doesn't work after the export in QT. In QT it is not possible to interrupt the sequence of the animation. When the sequence is (performed) finalized, the klick on the arrow works, and I can go to next slide.
But interruption is not pssible.
Tanks in advance for your answer!
Best regards - Renate

Apache Sling JCR Resource Resolver doesn't work for the anchor tags which is been rendered through j

Certainly I realized that Apache Sling JCR Resource Resolver doesn't work for the anchor tags which is been rendered through jquery or javascript.
e.g.
In Felix Console , in Apache Sling JCR Resource Resolver configuration I have added following mapping.
/content/myproject/-/
So If any anchor tag is there like <a href="/content/myproject/en.html"> click me </a> then it will be mapped to "/en.html" automatically.
But the problem is there in following scenario.
I have an anchor tag as follows.
<a href="#" id="test"> click here </a>
And I am assigning the href to anchor through JQUERY.
<script>
$("#test").attr("href","/content/myproject/en.html");
</script>
Ideally this should have been mapped to "/en.html".
But it is not mapping to "/en.html". It still shows "/content/myproject/en.html".
How to resolve this.
Thanks,
Sai

In a servlet you have access to the resourceResolver so if you know which attributes contain links then it's relatively easy to apply resourceResolver.map to those links.
Your challenge is clearly how do you know which attributes are links and which aren't. Its is the same challenge that makes parsing the response and rewriting it on the way out difficult - the JSON doesn't have any semantic meaning so how do identify which attributes require rewriting. There really is no good answer ot that question in my experience - all the options have down sides.
Create some convention - all attributes matching this pattern X get mapped before being converted to JSON (could be attributes whose name ends in link, or it could a convention applied to the value of the attribute - if the attribute is a string that starts with /content apply the resource resolver mapping. In this case you have train your developers to follow this convention which is the down side.
Create some configurable list of attribute names that require mapping. This is brittle, requires training and is easy to break.
Implement a client side version of the resource resolver mapping. It wouldn't be as full proof as server side mapping (because that takes into account but you could make it work for simple logic like stripping of /content/site/en. If ou are just trying to solve the simple version of this issue - stripping off the top of the repository path this might be your best option.
Not worry about it and set up Apache 301 redirects that catch any long URLs and redirect them to short URLs (so configure apache to look for any URL matching /content/site/en and strip off /content/site/en and do a 301 redirect to the shortened URL. You end up with a lot of extra HTTP request because of all the 301s but it would work (I wouldn't recommend this option - but it is possible).

Fox news slideshows are not working in Vista Home 64 bit.

All fox news slideshows are not working since firefox 3.6 started. I can't get them to work in Internet explorer either.
== URL of affected sites ==
http://

Error: $.ad is undefined
Source File: http://www.foxnews.com/static/all/js/slideshows-pack.js
Line: 850
// Slideshows - updated: 04/30/2010
// Dependencies: jQuery, jfoxCarousel plugin
(function($){
function SlideShows() {
this._data = {}; // slideshow data
this._info = {}; // current slideshow info
this._relatedMedia = {}; // related media data
this._trackData = false;
this.initialized = false;
this.toolTipId = "carousel-tooltip";
this.defaultTrackFrequency = 1; // tracker trigger
this._preloaderSrc = "/static/all/img/slideshow/slideshow-preloader.gif";
this._timer = { // timers
main: { fadeIn:800 },
carousel: { fadeIn:300 },
overlay: { onLast:10000,fadeIn:300,fadeOut:300 }
this.currentFocus = 1; // current item in focus
this.holderObj = {}; // holder for elements
this.hashObj = {}; // hash location holder
this.imgPreloadObj = {}; // holder for preloaded images
// carousel object controllers
this.carouselControlObj = {};
this.overlayControlObj = {};
this.trigger = { // listeners
main: false,
carousel: false,
overlay: false
this.overlayTimeout = false; // overlay timeout holder
SlideShows.prototype = {
init: function(config) {
for (i in config) { this['_'+i] = config[i]; }
this.main.root = this.carousel.root = this.overlay.root = this;
this.hashObj = this.helper.getHash();
if (typeof $.fn.jfoxCarousel<u>'undefined') {
showToConsole("[init] Error: carousel plugin not found!");
if (this._trackData) { // set tracking data
sTracker.set(this._trackData);
sTracker.track("pageLoad"); // page load tracker
this.preload();
this.setHolders();
this.initialized = true;
preload: function() {
var preloadImg = new Image();
preloadImg.src = this.preloadSrc;
setHolders: function() {
var SH = this;
var slideshowElm = $("#slideshow");
this.holderObj = {
doc: $(document),
body: $("body"),
intro: $("#section-intro"),
main: slideshowElm.find("#main-img"),
mainHolder: slideshowElm.find(".slideshow-placeholder"),
mainControl: slideshowElm.find(".slideshow-controller"),
description: slideshowElm.find(".slideshow-desc"),
relatedMedia: slideshowElm.find(".slideshow-related"),
carousel: slideshowElm.find(".slideshow-feature .slideshow")
this.holderObj.intro.each(function(){
var intro = $(this);
intro.find("h1:first").html(SH._info.title);
intro.find("p:first").html(SH._info.dek);
if (this.holderObj.main.size()>0) {
this.main.properties.minHeight = this.holderObj.mainHolder.innerHeight(); // get set height as "min-height"
this.main.build();
if (this.holderObj.carousel.size()>0) {
this.carousel.build();
$(document).ready(function(){ // wait for page load for the overlay
SH.holderObj.overlay = $("#slideshow-overlay");
var set = (SH.holderObj.overlay.size()>0) ? (typeof $.fn.jfoxCarousel!=='undefined') ? SH.overlay.set() : false : false;
SH.setDocReadyListeners();
this.setListeners();
setListeners: function() {
var SH = this;
var control = this.holderObj.mainControl;
// main image controls
control.find(".prev").click(function(){
SH.main.prev();
return false;
control.find(".next").click(function(){
SH.main.next();
return false;
if (typeof touchEventListener!=="undefined") {
var listenerConfig = {
elm: SH.holderObj.mainHolder,
moveSensitivity: 15,
eventsCallback: {
touchmoveMoveOnce: function(direction,moveProperties,rawEvent) {
// move callback - sensitivity
var directions = direction.join("|");
if (directions.indexOf("left")>-1) {
control.find(".next").trigger("click");
if (directions.indexOf("right")>-1) {
control.find(".prev").trigger("click");
touchEventListener.append(listenerConfig);
setDocReadyListeners: function() {
var SH = this;
// browse slideshow overlay
$(document).ready(function(){
$("#section-intro .additional-slides a").click(function() {
SH.overlay.show();
return false;
SH.holderObj.overlay.find(".close a").click(function(){
SH.overlay.hide();
return false;
replaySlideshow: function() {
var SH = this;
//TODO: build replay
this.overlay.hide(); // hide overlay
this.main.build(this.currentFocus = 1); // reset focus
sTracker.track("replaySlideshow");
// main image holder
SlideShows.prototype.main = {
properties: {},
build: function(slide,origin) {
var SH = this;
var root = this.root;
if (root.trigger.main) { return false; }
root.trigger.main = true;
slide = slide || false;
origin = origin || "main";
var control = root.holderObj.mainControl;
var data = root._data;
var initData = false;
var desc = [];
var helper = root.helper;
if (slide) {
if (slide 0) { desc.push('Source: ' + data.items[slide].source + ''); }
root.holderObj.description.html(desc.join(""));
// load related media
if (root._relatedMedia.items) {
var rmItems = root._relatedMedia.items;
if (rmItems.length>0) {
var rel = [];
rel.push('Related Articles');
for (var x=0; x 0) {
root.currentFocus--;
SH.build(root.currentFocus);
sTracker.track("clickPrevMain"); // tracker
if (!SH.isLast() && root.overlayTimeout) { clearTimeout(root.overlayTimeout); } // clear overlay timeout
isLast: function() {
var root = this.root;
return (root.currentFocus+1 > root._data.items.length) ? true : false;
// carousel
SlideShows.prototype.carousel = {
build: function() {
var SH = this;
var root = this.root;
var carousel = root.holderObj.carousel;
var data = root._data;
var list = [];
for (var x=0;x 0) {
var li = $(".slideshow > ul",carousel).children();
li.each(function(i){
var el = $(this);
var setClass = (i == eventObj.target-1) ? el.addClass("active") : el.removeClass("active");
controlsCallback: function(control) { // callback to set up controls
root.carouselControlObj = control;
carousel.find(".prev").click(function(){ // previous link
control.stopAutoScroll();
control.slide('prev');
sTracker.track("clickPrevCarousel"); // tracker
return false;
carousel.find(".next").click(function(){ // next link
// show overlay on last carousel link
//var lastLink = (!currentEventObj) ? false : (currentEventObj.batch.current+1 > currentEventObj.batch.max) ? $(document).ready(function(){ root.overlay.show(false,true); }) : false;
control.stopAutoScroll();
control.slide('next');
sTracker.track("clickNextCarousel"); // tracker
return false;
carousel.jfoxCarousel(config);
if (typeof touchEventListener!=="undefined") {
var listenerConfig = {
elm: carousel,
moveSensitivity: 15,
eventsCallback: {
touchmoveMoveOnce: function(direction,moveProperties,rawEvent) {
// move callback - sensitivity
var directions = direction.join("|");
if (directions.indexOf("left")>-1) {
carousel.find(".next").click();
if (directions.indexOf("right")>-1) {
carousel.find(".prev").click();
touchEventListener.append(listenerConfig);
// overlay
SlideShows.prototype.overlay = {
set: function() {
var root = this.root;
var overlay = root.holderObj.overlay;
overlay.find(".slideshow-feature").each(function(){
var carousel = $(this);
var allItems = carousel.find(".slideshow ul").children().children();
allItems.each(function(){
var div = $(this);
var link = div.find("a:first").attr("href");
div.hover(function(){
div.css("cursor","pointer");
},function(){
div.css("cursor","");
}).unbind("click").click(function(){
window.location.replace(window.location.hostname + link);
var config = {
auto: { set:false,speed:3000 }, // auto scroll
slide: "horizontal", // horizontal or vertical
scroll: 3, // number of items to scroll per event
show: 3, // items shown
speed: "slow", // scroll speed
rotate: false, // rotate back to star if end
//focus: { item:0,animate:false }, // focus to target item on load
eventCallback: function(eventObj) {
if (eventObj.batch.current</u>1) {
carousel.find(".prev").addClass("inactive");
} else {
carousel.find(".prev").removeClass("inactive");
if (eventObj.batch.current<u>eventObj.batch.max) {
carousel.find(".next").addClass("inactive");
} else {
carousel.find(".next").removeClass("inactive");
controlsCallback: function(control) { // callback to set up controls
root.overlayControlObj = control;
carousel.find(".prev").click(function(){ // previous link
control.stopAutoScroll();
control.slide('prev');
sTracker.track("clickPrevOverlay"); // tracker
return false;
carousel.find(".next").click(function(){ // next link
control.stopAutoScroll();
control.slide('next');
sTracker.track("clickNextOverlay"); // tracker
return false;
carousel.jfoxCarousel(config);
if (typeof touchEventListener!=="undefined") {
var listenerConfig = {
elm: carousel,
moveSensitivity: 15,
eventsCallback: {
touchmoveMoveOnce: function(direction,moveProperties,rawEvent) {
// move callback - sensitivity
var directions = direction.join("|");
if (directions.indexOf("left")>-1) {
carousel.find(".next").click();
if (directions.indexOf("right")>-1) {
carousel.find(".prev").click();
touchEventListener.append(listenerConfig);
show: function(delay,isReplay) {
isReplay = isReplay || false;
delay = delay || false;
var root = this.root;
if (root.trigger.overlay) { return false; } // if already open
var SH = this;
delay = (isNaN(delay)) ? 0 : delay; // delayed show
root.overlayTimeout = setTimeout(function(){
SH.setReplay(isReplay);
if (root.main.isLast()) {
root.holderObj.overlay.fadeIn(root._timer.overlay.fadeIn,function(){ root.trigger.overlay = true; });
sTracker.track("showOverlay"); // tracker
else {
root.holderObj.overlay.fadeIn(function(){ root.trigger.overlay = true; });
},delay);
hide: function(delay) {
delay = delay || false;
var root = this.root;
if (!root.trigger.overlay) { return false; } // if already closed
delay = (isNaN(delay)) ? 0 : delay; // delayed hide
setTimeout(function(){
root.holderObj.overlay.fadeOut(root._timer.overlay.fadeOut,function(){ root.trigger.overlay = false; });
sTracker.track("hideOverlay"); // tracker
},delay);
setReplay: function(isReplay) {
var root = this.root;
var overlay = root.holderObj.overlay;
var firstList = overlay.find(".slideshow-feature .slideshow ul").children().filter(":first");
var divs = firstList.children();
var replayDiv = divs.filter(":first");
var cloneDiv = replayDiv.next();
function configInfo(elm) {
var currentSS = root._data.items;
var info = root._info;
var count = currentSS.length;
var first = currentSS[0];
var slideshowTitle = (info.title.length > 16) ? info.title.substring(0,16) + "..." : info.title;
var slideshowImg = first.media.tm;
var slideshowDate = info.title.date;
function replay() {
root.replaySlideshow();
var items = elm.children();
items.filter("p.photo-count").html(count + " image" + [[count>1) ? "s" : ""]];
items.filter("p.date").html(slideshowDate);
items.filter("p.photo").each(function(){
var item = $(this);
item.find("a").attr({ href: "#", title: slideshowTitle });
item.find("img").attr({ alt: slideshowTitle, src: slideshowImg });
items.filter("h4").each(function(){
var item = $(this);
item.find("a").attr("href","#").html(slideshowTitle);
items.find("a").unbind("click").click(function(){
replay();
return false;
elm.hover(function(){
elm.css("cursor","pointer");
},function(){
elm.css("cursor","");
}).unbind("click").click(function(){
replay();
return false;
if (replayDiv.children().size()</u>0) {
replayDiv.html(cloneDiv.html());
configInfo(replayDiv);
if (isReplay) {
replayDiv.addClass("active").show();
cloneDiv.hide();
} else {
replayDiv.hide();
cloneDiv.show();
SlideShows.prototype.helper = {
toNum: function(item) {
item = (isNaN(item)) ? parseInt(item.replace(/[a-zA-z]/gi,""),10) : item;
return isNaN(item)?0:item;
imgLoad: function(obj,fn) {
var SH = this;
obj.alt = obj.alt || "";
if (obj.preload && !$.browser.opera) { // opera =/= img.onload
if (obj.mainHolder) { obj.mainHolder.css({ background:"url("+obj.preloaderSrc+") no-repeat center" }); }
var img = new Image();
obj.holder.css({ display:"inline", opacity:"0" });
img.onload = function() {
if (obj.outer) {
if (img.height > SH.toNum(obj.outer.minHeight)) { obj.outer.holder.css("height","auto"); }
else { obj.outer.holder.css("height",obj.outer.minHeight); }
obj.holder.attr("src",obj.src).animate({ opacity:"1"},obj.speed,"linear",function(){
if (obj.mainHolder) { obj.mainHolder.css({ backgroundImage:"none" }); }
$(this).attr("alt",obj.alt);
fn();
img.src = obj.src;
} else {
if (obj.mainHolder) { obj.mainHolder.css({ backgroundImage:"none" }); }
obj.holder.css({ display:"inline", opacity:"0" });
obj.holder.attr({
src: obj.src,
alt: obj.alt
}).animate({ opacity:"1"},obj.speed,"linear",function(){ fn(); });
getHash: function() {
var hash = (window.location.hash).substr(1);
if (hash) {
var pairs = hash.split('&');
var valuePair = {};
for (var x=0;x 1 && callback && count%freq<u>0) {
callback(data);
var sTracker = new Trackers(); // private
function showToConsole(str) {
if (typeof window.console</u>'object') { console.log(str); }
var slideShowsPack = window.slideShowsPack = new SlideShows();
})(jQuery);
// Tracking Data Here
var trackData = {
ads: {
buildSlide: {
frequency: 1,
callback: function() {
$(document).ready(function(){
if (typeof $.ad.dc.load!=="undefined") {
$.ad.dc.load();
omni: {
buildSlide: {
frequency: 1,
callback: function(data) {
data = data || false;
if (!data) { return false; }
if (!data.slideNumber) { return false; }
if (typeof $.ad.omni.load!=="undefined") {
$.ad.omni.load({ "slide": data.slideNumber });
var initializeSlideShow = window.initializeSlideshow = function() {
if (typeof slideshowData!=="undefined") {
if (!slideShowsPack.initialized) {
slideShowsPack.init({
data: slideshowData,
info: slideshowInfo,
relatedMedia: relatedsData,
trackData: trackData
} else {
if (typeof window.console==='object') { console.log("[error] No Data found for: slideshowData"); }
This the line highlighted:
if (typeof $.ad.dc.load!=="undefined") {

Lightroom 5: start button in the presentation module doesn't work properly

Hi. I purchased LR 5 last week but the start button in the presentation mudule doesn't work properly. I get a black screen and nothing happens. I have to press the esc button several times to return to LR.Can you help me please
Regards Eugene

start button in the presentation mudule
Can you clarify?
There is no start button nor a presentation module.
Do you mean the Play button in the Slideshow module?
Which operating system?

I can scroll down web pages with my Lenovo ThinkPad X200. I could, but then I got some updates and it doesn't work. I can scroll fine with an external mouse. I just can't use the "scroll controls" on my laptop. Any ideas why? It's frustrating!

When I got my machine two years ago and loaded Firefox, I could scroll with the red button that's on the keyboard of the Lenovo ThinkPad x200. Then, a few months ago, Firefox was updated. Not sure which version. And, now I can't scroll. The keypad scroll works in MS Windows programs. It just doesn't work in Firefox. I can't get anywhere with the options so I'm stuck for now. (The scrolling works in Internet Explorer). So, I think it's something that going on with FireFox not with my computer.

Hi there,
When I inspect your site in browser tools, I'm getting 404 errors from your page:
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (jquery-2.0.3.min.map, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (edge.4.0.0.min.map, line 0)
BarnardosIreland wrote:
I would have thought that publishing should give a complete package that doesn't need any further edits to the code and can just be directly ftp'ed to the web - is this correct?
In general, you are correct - but also your server does need to be properly configured (and those errors above lead me to think it may not be) to serve the file types that your uploading - but it could be something else entirely. Can you zip up your composition folder, upload it to your Creative Cloud files, set it to share, and then post a link here so I can download it? If you'd rather not share it publicly, can you PM me with a link to your composition files?
Thanks,
Joe

Get jQuery Document Ready to work in a Custom Layout Page

Hi
Working with a branding company I have placed my Bootstrap and JQuery files at the bottom of my custom Master page
</footer>

<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js">//<![CDATA[
//]]>
</script>
<script type="text/javascript" src="/Style%20Library/Client/js/bootstrap.min.js">//<![CDATA[
//]]>
</script>
<script type="text/javascript" src="/Style%20Library/Client/js/bootstrap-datepicker.js">//<![CDATA[
//]]>
</script>
All good! Now if I add a $(document).ready(function() below the above definitions and say have a date picker widget marked up this
works.
I have noticed that in my case I am unable to run document ready function at the custom page layout level- only the one in the custom master file is ever executed - I have tried moving the above definition files into the header as per the sample in
Bootstrap2.html but SharePoint simply removes them during the conversion. Moving the same document ready function out of the master into the layout page doesn't work
I guess my question is am I am have a unique document ready function at the page layout level as this I would have thought this would be possible - In my case I need my JQuery functon to perform some runtime branding that is unique per page
Daniel
Freelance consultant

for a quick and dirty implementation, I coded this up which works. I will see about the other implementation as suggested by Hugh as I am not entirely happy about loading the document ready as there is a slight delays as the body class is set and the
page is rendered
var bodyCSS ;
function SetBodyCSS()
var ctx = new SP.ClientContext();
var site = ctx.get_site();
var web = ctx.get_web();
// construct a json object
ctx.load(web);
ctx.executeQueryAsync(function(s, a){
var siteBodyContainerCSS = {
"Sales": "Pink",
"IT": "burgundy"
// lookup the class to set from the title
bodyCSS = siteBodyContainerCSS[web.get_title()];
// only bother to set if not null , undefined or empty
if (bodyCSS)
$('#s4-bodyContainer').removeClass("default");
$('#s4-bodyContainer').addClass(bodyCSS);
else
alert( ' no body css class defined for ' + web.get_title()) ;
// now call this to get the body css class
//]]>
</script>
</a>
<script type="text/javascript">//<![CDATA[
$(document).ready(function() {
ExecuteOrDelayUntilScriptLoaded(function () {
/* your code here */
SetBodyCSS();
}, "sp.js");
$('#dp6').datepicker();

Iphoto slideshow does not work after SL upgrade

Hi, i have a 2 month old macbook pro 3.06Ghz and after i upgraded to SL i have several problems: Toast does not work, my pretty new HP 4480 Photosmart Printer works but the scanner function not (error message comes up no connection to scanner), etc. but the biggest problem right now is that iPhoto does not work anymore. i use it a lot and i have over 20000 photos on it. before with leopard it was working fine, but now after scrolling through a few photos iphoto get stucked for a few minutes before it runs again. the slideshow feature doesn't work. i read a few forums about this or similar problems but all the advise didn't help. i reinstalled the iphoto from the original computer disc and later from a life 9 disc as well. first the slideshow works once or twice with only a few pics, but later it turns the slideshow on but get stucked and the only way to get out of the frozen screen is by turning the computer off (holding OFF button down). i did also verify disc permission and disc repair = no help. what can i do?

after 2,5 days (spending half a day within the apple shop as well with this problem) i have it all back on track.
i did a lot of different things: trying to remove and reinstall iPhoto; did a SL installation over the old SL I had on my HD; backing up all the data of course before and reformatting my HD and installing a new clean SL version on it + a new clean version of iLife9 with all the updates and than I migrate with migrate assistant all the data and setting with time machine back onto it, but all this didn't work, because it also migrated the error/bug through time machine with it.
so at the end i just installed a brand new, clean SL version on my hard drive, than I did the updates and put all my data, photos, docs, movies, mail, bookmarks, music, etc manual back into the system (drag and drop from my external HD, where i had an exact copy of my internal HD) and did all the settings again in all the different programs.
the only thing i used migrant assistant with time machine for was for the programs. it seems to work now all fine and i even got more free space on my HD, because some of the old stuff i always carried with me but i never used, i didn't take over.
basically everything is clean now. At least i hope and works fine. touch wood!

JQuery slideshow doesn't work

Similar Messages

Maybe you are looking for