JQuery Cycle 2 Image Slideshow (Works (cycles) in Explorer, but not in Safari or Chrome??

I am novice designer. I copied code for Cycle2 into my head (declaration or initializer?) and body (image source) of HTML document. The slider cycles through pictures in Explorer, but not in Safari or Crome. Any help, suggestions, alternatives would be appreciated. Thank you.
I have tried
Spry Content Slideshow- trouble being responsive when resized.
FlexSlider2.2- trouble with image height/viewport sizing to big (kinda had workaround), but had trouble with getting HTML text and image together on one slide.
WOWSlider- could not get rid of the gutter/margins surrounding the slider.
Cycle2-won't work in all browsers (for me)
Here is my code (on otherwise empty HTML and CSS pages) for Cycle 2
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML5 document with Cycle2</title>
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
<!--Cycle2 Plugin Script-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
.cycle-slideshow, .cycle-slideshow * {
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 auto;
width:45%; /**adjust width as required**/
.cycle-slideshow img {width: 100%;}
</style>
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/stylesheet.css" rel="stylesheet" type="text/css">
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="css/respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
  <div id="LayoutDiv1">Use Insert Panel for additional Fluid Grid Layout Div tags. Note: All Layout Div tags must be inserted directly inside the "gridContainer" div tag. Nested Layout Div tags are not currently supported. </div>
  <div id="top">This is the content for Layout Div Tag "top"</div>
  <div id="header">This is the content for Layout Div Tag "header"</div>
  <div id="navigation">This is the content for Layout Div Tag "navigation"</div>
  <div id="slider"><h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>
<!--begin slideshow-->
<div class="cycle-slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-speed="700"
>
<!--your images go here-->
<img src="http://malsup.github.com/images/beach1.jpg" data-cycle-title="beach1">
<img src="http://malsup.github.com/images/beach2.jpg" data-cycle-title="beach2">
<img src="http://malsup.github.com/images/beach3.jpg" data-cycle-title="beach3">
<img src="http://malsup.github.com/images/beach4.jpg" data-cycle-title="beach4">
<img src="http://malsup.github.com/images/beach9.jpg" data-cycle-title="beach9">
<!--end slideshow-->
</div></div>
  <div id="content1">This is the content for Layout Div Tag "content1"</div>
</div>
</body>
</html>

Resize/re-scale & optimize all images for the web in your graphics editor before you insert them into your web pages.  Saves bandwidth and reduces page load.
Cycle2 is a responsive slideshow.  If you want all images to remain 400px and not responsive to layout,  you'll need to modify the CSS code a little.
Details on using Previous & Next links are in the documentation.
http://jquery.malsup.com/cycle2/demo/prevnext.php
Nancy O.

Similar Messages

  • Spry Image Slideshow - Only see play button but not slideshow

    Hi,
    I am having trouble getting Spry Image Slideshow to work on my test site. Can somebody help me?
    Problem:     I only see the "play" button spinning after it went live but cannot get the slideshow to appear.
    Details:    
         Dreamweaver CS5.5
         Widget :     Spry image Slideshow Basic 1.0  - (widget wid = "2141542")
         Mac OS 10.6.3
         Mozilla Firefox 8.0.1
                   1.  Inserted Spry Image Slideshow 1.0 widget into my page "ACS_shipping.html"
                   2.  Replaced sample pictures and thumbnail pictures with some of my test pictures.
                   3.  A list of thumbnails appears on my design page.
                   3.  Click on "Live View" button; only see the frame and the black background with the "play" button spinning on the screen.
                   4. Uploaded files on server and found same result.
        Webpage Link:            locicompany.ca/ACS/ACS_shipping.html    
    Loci

    I don't know what to say....I tried all night it didn't work. As soon as I posted my question on the forum the slideshow starts running....wow....I'm speechless. Thanks all who's looked at my post.
    Loci

  • Why does my Web Handler work with Internet Explorer, but not with Firefox

    I am trying to develop a web page that uses the Simile Timeline (http://code.google.com/p/simile-widgets/wiki/Timeline) with data from SQL Server.
    In initial testing of my timeline I tested it with Example.xml, a static XML file in the correct format to be event data. I wrote the following in the appropriate place within mytimeline's Javascript: -
    var WebHandler = "Example.xml"
    tl.loadXML(WebHandler, function (xml, url) { eventSourceFamily.loadXML(xml, url) });
    This worked fine with both Firefox and Internet Explorer. I then changed the assignment to
    var WebHandler = "GDBTimeline.ashx?Type=Family&Userid=" + getControlValue("input", "hdnUser");
    so that invoked a web handler that could look up the SQL database and return the XML that I wanted, and wrote this web handler.
    This works perfectly with Internet Explorer, but with FireFox the timeline band is blank. Yet when I examine the http traffic with Fiddler2 (http://www.fiddler2.com/fiddler2/) I see that with either browser there is a response from URL
    /GDB_pages/GDBTimeline.ashx?Type=Family&Userid=robertb
    that returns the XML that it is supposed to.
    I have previously used web handlers with Firefox before, with no problems. The Fiddler results conclusively show that the web handler is invoked, and returns the appropriate XML, and this XML is identical to the XML from the static test with Example.xml.
    Where do I start looking for answers? I don't even know if this is a Simile problem, a Firefox problem, or an ASP.NET problem.
    Thank you, Robert.

    Problem solved. The issue: Content Type was not correct.
    Visual Studio creates the web handler with dummy code like this: -
    Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest
    context.Response.ContentType = "text/plain"
    context.Response.Write("Hello World")
    End Sub
    I wrote a database query that set a string variable to the XML I wanted: -
    Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest
    Dim Outstring as string
    ' my logic to fill Outstring with XML
    context.Response.ContentType = "text/plain"
    context.Response.Write(Outstring)
    End Sub
    This works with Internet Explorer. However it's not strictly correct: to make it work with other browsers as well,
    context.Response.ContentType = "text/plain"
    should be
    context.Response.ContentType = "text/xml"
    It now works with IE, FF, and Chrome, and presumably all others.

  • Cannot expand viewer for ESPN3. The task bar at the bottom is not visable. It works with Internet Explorer, but not with FireFox

    There is a task bar that should be visible so you can expand the viewer to the full size of your computer screen. I can open up internet explorer and it works, but not in FireFox. This is when using ESPN3, or ESPNWATCH.

    A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.
    The helpers at that forum are more knowledgeable about web development issues.
    You need to register at the mozillaZine forum site in order to post at that forum.
    See http://forums.mozillazine.org/viewforum.php?f=25
    You need to post a link to the website or post relevant parts of the code.

  • Custom Login works in IE Explorer, but not mozilla 1.2. Why?

    Portal Rel. 2, all patches applied. Our custom login portlet works just fine when IE Explorer is the browser. When mozilla 1.2 is the browser, everything processes without errors, but the user is never logged in. The portlet is calling the procedure wwptl_login.login_url, and p_requested_url is set to portal.home. Any idea why it would work using one browser and not the other?

    Firefox does not use the same version of Flash as Internet Explorer, you need to download and install the version of Flash used by Firefox.
    Using Firefox go to http://get.adobe.com/flashplayer/ to download the installer, then run this file to install Flash.
    This support article has further details - [[Install the Flash plugin to view videos, animations and games]]

  • Epson artison 810 wireless printing works with internet explorer, but not mozilla

    New printer. I can print web pages with internet explorer, but when I use mozilla nothing happens.

    See this: <br />
    [http://kb.mozillazine.org/Problems_printing_web_pages]

  • Unable to use all the feature of my email service (Juno on the web) like; font size/color, bolding, italics, highlighting etc why? Those features work through Internet Explorer but not Firefox.

    When I go to my Juno on the web through Firefox, I am unable to use the tool features such as:
    Font size / Color
    Bolding
    Italics
    Bullets
    Highlighting
    just to name a few. Yet when I bring it up through Internet Explorer these features work, plus the way Firefox reads my Juno the tabs are distorted (the page is not formatted correctly, I contacted Juno they said I should contact my modem company AT& T they said no so you are my last resort.. Please help resolve my issue, THANK YOU in advance for assisting with this matter.

    It is up to Juno to enable Midas, the Rich Text Editor which is built into Firefox, with one little line of code on every web page that has RTE for IE. There's nothing that you can do to turn that feature on your self, it has to be coded on each web page that has Rich Text Editing.
    http://www.mozilla.org/editor/midas-spec.html <br />
    http://kb.mozillazine.org/Midas
    Their ignorance probably lies with their staff programmers only knowing how to do it for IE ''(their training and certificates are probably from the Microsoft cabal)'', and not realizing that Gecko and WebKit apps each have their own Rich Text Editor's, which require their own small line of code to enable those Editor's.

  • Since Firefox 4, I can get a background image to work using base64 encoded, but not a local file, this worked in Firefox 3, how do I resolve this.

    Using either of the 4 examples shown below, to have a background image display inside about:blank worked in Firefox 3.x (using Stylish add-on), however since Firefox 4, only using the base64 encoded version of images works. Is there any way to fix this so I don't have to encode every image I wish to use? Encoding the image makes the stylish file absolutely huge, & a real pain to keep encoding whenever I want to change the image.
    body:empty { background: url("resource:/res/images/OnFire.jpg")
    body { background-image: url("resource:/res/images/OnFire.jpg")
    body:empty { background:url("data:
    body { background-image: url("data:
    I've also previously disabled most of the add-ons, except for Status-4-Evar, Stylish, & Firebug, in an attempt to see if something else was interfering, but no change.
    I can supply a copy of the previously working (FF 3.x) code to some of the about:blank styles if needed for testing purposes.

    Type '''about:addons'''<enter> in the address bar to open the '''Add-ons Manager.'''
    Hot key; '''<Control>''(Mac:<Command>)'' <Shift> A)'''
    On the left side of the page, select '''Plugins.'''
    Is it listed here? Select '''Disable.'''

  • Flex Plugin that calls Webservice works in Internet Explorer but not firefox

    I created a simple flex plugin that consumed a web service i
    built and was working with it locally. I uploaded the files to the
    server, and when i test the file out in internet explorer, the
    plugin loads great. However when firefox or any other browser
    attempts to load the same file i get "Http Request Error"? I've got
    a crossdomain.xml loaded up.. here it is:
    <?xml version="1.0"?>
    <!DOCTYPE cross-domain-policy
    SYSTEM "
    http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
    <cross-domain-policy>
    <allow-access-from domain="*" secure="false" />
    </cross-domain-policy>
    Any ideas? Thanks. I should note that the webservice and the
    plugin are both on the same domain.

    I was playing around some more, when i yank the
    crossdomain.xml, both browsers display a security error, but when i
    put it back in, internet explorer is happy but firefox still spits
    out "Http Request Error"

  • I have flashplayer which works in Internet Explorer but not some sites using Firefox. I refreshed but no change and i DID lose all my bookmarks. Help!

    Listening to BBC Radio was possible until today but now in Firefox I'm told to install Flashplayer. i have tried that 3 times but with no effect. The same with videos on BBC and some other sites but on others it works. If I use Internet Explorer everything is fine. So there is clearly an interface problem with Firefox which has only just started. I tried refreshing believing that it would retain all my favourites and other information/settings but most were lost. I'm 73 not technical so a simple solution if possible please.

    Look on your desktop. Do you see a folder called; '''Old Firefox?'''
    '''https://support.mozilla.org/en-US/kb/recovering-important-data-from-an-old-profile'''
    '''https://support.mozilla.org/en-US/kb/back-and-restore-information-firefox-profiles'''
    These can't get your data back, but will help in the future.
    These add-ons can be a great help by backing up and restoring Firefox
    '''[https://addons.mozilla.org/en-US/firefox/addon/febe/ FEBE (Firefox Environment Backup Extension)]''' {web link}
    FEBE allows you to quickly and easily backup your
    Firefox extensions, history, passwords, and more.
    In fact, it goes beyond just backing up -- It will actually rebuild
    your saved files individually into installable .xpi files.
    It will also make backup of files that you choose.
    '''[https://addons.mozilla.org/en-US/firefox/addon/opie/ OPIE]''' {web link}
    Import/Export extension preferences

  • Slideshow works on desktop viewer, but not on iPad

    I have an MSO slideshow that works great on the desktop viewer, but when previewed on the iPad it just shows the first state and doesn't transition to the next state.
    We have made slideshows before that work on both the desktop and iPad content viewer and can't seem to figure out what is causing these not to work. The filename links don't have any special characters or spaces in them. What causes this to happen?

    By any chance, do you link to the MSO from buttons in a scrollable frame? If so, you need to use a different method to convert the MSO to a slideshow. For example, you can select the MSO and choose "Swipe" in the Overlays panel, or you can create an invisible button with a "Go to Next State" action.

  • Why does the Java script work on my RSS feed work for Internet explorer but not for Firefox?

    I have finished building the website for my Girlfriend and the only thing left is the RSS feed. It works just fine in IE 8 but in Fire Fox 9 when the widget is clicked a bookmark box pops up and asks if I want to save it as a bookmark. I am not a Java script programer so I am hoping for some help here!! Here is the script:
    <li id="rss"><a href="http://www.susangabrielle.com/1/feed" title="RSS" alt="rss"><img src="/files/theme/rss.png"></a></li>
    The sight is http://www.susangabrielle.com

    Presumably you fixed it, the RSS seems to work for me
    * e.g. http://www.susangabrielle.com/1/post/2012/01/post-title-click-and-type-to-edit.html <br/> although I get a message about missing plugins

  • The respond button on eBay works with Internet Explorer, but NOT with Firefox.

    The "Ask a question
    == This happened ==
    Every time Firefox opened
    == Yesterday

    Maybe something is preventing javascripts working. Do you have javascript enabled? (Options > Content)
    Are you running any blocking add-ons like NoScript?
    [[Basic Troubleshooting]]

  • A php script works in IE but not in safari .. please help

    The following php works in internet explorer but not in safari or chrome .
    In IE all files are saved in specified folder .
    But in safari , xml portion works .. that is myxml.xml is saved in 'uploads/'.$temp directory ... but uploaded files are not saved in the given folder ..instead they are saved in 'uploads' folder .... not in 'uploads/'.$temp folder or 'uploads/'.$temp.'/image/' folder ...
    The script is called from flash ...
    I am new to php ... please help ...
    <?php
    session_start();
    $temp=$_SESSION['myfolder'];
    $raw_xml=file_get_contents("php://input");
    if(isset($_FILES['Filedata']['name'])){
    $whichfile=$_FILES['Filedata']['name'];
    $whichextension=substr($whichfile,-3);
    if($whichextension=='flv'||$whichextension=='pdf'||$whichextension=='txt'||$whic hextension=='mp3'){
    move_uploaded_file($_FILES['Filedata']['tmp_name'],'uploads/'.$temp.'/'.basename ($whichfile));
    elseif($whichextension=='jpg'||$whichextension=='png'||$whichextension=='gif'){
    move_uploaded_file($_FILES['Filedata']['tmp_name'],'uploads/'.$temp.'/image/'.ba sename($whichfile));
    elseif($raw_xml!=false){
    $fp=fopen('uploads/'.$temp.'/myxml.xml','w');
    fwrite($fp,$raw_xml);
    fclose($fp);
    else{
    echo "&fname=$temp";
    ?>

    Use this style rule for that image to get that custom cursor:
    <pre><nowiki>cursor: url("dart.cur"), auto;</nowiki></pre>
    See also:
    *https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property

  • I accidentally cut instead of copied a folder of previously imported raw files. When I pasted the folder back I could see it in Windows Explore but not in the LR library. How can I work with these files again?

    HI,
    My daughter will often ask me to give her raw files I've taken at family events so that she can process them in her own copy of LR. (I work too slowly, apparently.) Recently I inadvertently cut instead of copied a folder. When I pasted it back I could see it in Windows Explorer but not in my LR library. I thought that re-importing the files might work, LR gave me a message that they were already imported. I expect there is a way to make the files available again in LR and would be grateful for some advice.
    thanks
    Ken

    The solutions is either of the following:
    Adobe Lightroom - Find moved or missing files and folders
    Copy the photos back into the exact same folder and folder location that they were in before
    I don't know what you actually did "when I pasted it back" ... but the bigger issue is that you shouldn't be working with these files in your operating system, period. Once you import them into Lightroom, you don't manage these files in your operating system.

Maybe you are looking for

  • Displaying array from another method

    Hello for this code I want to display the array from the first method in the second method although when I run it, it displays 6 times the whole array - well the the last iteration shows the whole array. I have only just started using different metho

  • Hp psc 1600 all in one running on XP prints a one inch wide black line down the center of the paper

     Occurs only when using copy mode!

  • Help w/compressing movie

    i put to together a movie from a dvd and audio from a cd, its about 2 hours long and the file size is a whopping 20 GB. i'm going to compress it to quicktime, but im wondering if that will screw with the audio, and also how big the file may be. thank

  • Top parent query

    Greetings, I have a table with records of following fomat. Parent Child a b b c a d I needed a query ,into which if I am passing b,c or d as a parameter,it will return its top parent a. There is no row like (a,NULL) which would have made it easier fo

  • Proxying FTP though SUN One web proxy

    Hi, I have to find a reliable FTP proxy suitable for use with command line FTP clients. Tried several so far but none meet the criteria (fast, reliable, supported) for a production-ready system. Is there a method to configure the SUN One proxy such t