Using the same script twice but different options on a single page

having a hard time figuring out how to run the cycle script which is in use on one portion of my webpage as a slider gallery under my header, but i'd also like to use it in  a small are in the upper right of the same page but with a different transition, to showcase specific products in a gallery.
how do i accomplish this? I've been to the cycle plugin page http://malsup.com/jquery/cycle/begin.html but am having trouble interpreting their page source syntax
in my head section i have the following declared:
<script type="text/javascript" src="../js/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'shuffle' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
</script>
and in my body its invoked simply by:
<div class="slideshow">
            <img src="../images/splash1.jpg" width="761" height="210" />
            <img src="../images/splash2.jpg" width="761" height="210" />
            <img src="../images/splash3.jpg" width="761" height="210" />
            <img src="../images/splash4.jpg" width="761" height="210" />
            <img src="../images/splash5.jpg" width="761" height="210" />
</div>
now should i change the head function to
<script type="text/javascript" src="../js/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(function() {
    // run the code in the markup!
    $('td pre code').each(function() {
        eval($(this).text());
</script>
and how would i later invoke this the body here?
<div class="slideshow">
            <img src="../images/splash1.jpg" width="761" height="210" />
            <img src="../images/splash2.jpg" width="761" height="210" />
            <img src="../images/splash3.jpg" width="761" height="210" />
            <img src="../images/splash4.jpg" width="761" height="210" />
            <img src="../images/splash5.jpg" width="761" height="210" />
</div>
<pre><code class="mix">$('#s1').cycle('fade');</code></pre> - this is what they do on their wepage but i dont understand what this <pre><code class="mix"... is all about.
can someone please explain
thanks

I recommend using Cycle2 instead of the old Cycle Plugin.  Out of the box, Cycle2 is better and has more features.  Just copy & paste the following code into a new document. 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document with Cycle2</title>
<!--HTML5 help for older IE browsers-->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
<!--Cycle2 Slideshow-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
body {width: 900px;margin: 0 auto}
/**Slideshow**/
.cycle-slideshow {
margin: 0;
padding: 0;
width:500px;
border: 1px solid silver;
margin: 0 auto;
.cycle-slideshow img  {
width: 500px;
margin: 0 auto
.center { text-align: center }
</style>
</head>
<body>
<!--begin 1st slideshow-->
<div class="cycle-slideshow"
data-cycle-fx="swipe"
data-cycle-pause-on-hover="true"
data-cycle-speed="2200"
>
<img src="http://malsup.github.com/images/p1.jpg" alt="">
<img src="http://malsup.github.com/images/p2.jpg" alt="">
<img src="http://malsup.github.com/images/p3.jpg" alt="">
<img src="http://malsup.github.com/images/p4.jpg" alt="">
<!--end 1st slideshow--></div>
<p> </p>
<p> </p>
<!--begin 2nd slideshow-->
<div class="center">
<a href=# id=next>Next</a>
</div>
<div class="cycle-slideshow"
    data-cycle-fx="fadeout"
    data-cycle-timeout="3000"
    data-cycle-next="#next"
    data-cycle-manual-fx="scrollHorz"
    data-cycle-manual-speed="300"
    >
<img src="http://malsup.github.com/images/p1.jpg" alt="">
<img src="http://malsup.github.com/images/p2.jpg" alt="">
<img src="http://malsup.github.com/images/p3.jpg" alt="">
<img src="http://malsup.github.com/images/p4.jpg" alt="">
<!--end 2nd slideshow--></div>
</body>
</html>
Use whichever effects you prefer:
http://www.malsup.com/jquery/cycle2/demo/shuffle.php
Nancy O.

Similar Messages

  • How do I use the same css style but different attributes, Without affecting another page.

    Hey everyone,
    I am using the "NivoSlider", for my dreamweaver page but I am not sure how to tell styles that one page has one attribute and the other one will have a different attribute.
    For example: in my "about us" I have a small slideshow with its own pictures. I then put  a gallery page with its own pictures, yet, I want to make that slideshow box larger without affecting the other small slideshow.
    I am using just one Style.CSS for the slideshow.
    Anyways, is their a way to tell tell the code that one page is going to be a different width then the other?
    Thank you!

    Embedded CSS rules take priority over styles in external style sheets.   So you can add page specific rules between your document's <head> tags and after all other links to external CSS files.
    <style>
         page specific rules here....
    </style>
    Nancy O.

  • 2 iphones 1 computer. updated my wifes phone to ios 5 her phone got wiped of all apps and all my contacts are on her phone. we had been using the same apple id but different user accounts on our laptop. How do i get her phone back to normal?

    2 iphone 4, 1 computer. i upgraded to ios 5 and just updated my wifes phone as well. her phone got wiped of all apps and all my contacts were put on her phone. we had been using the same apple id but different user acct on our laptop. How do i get her phone back to normal??

    Have your wife log in to her user account on the laptop. Launch iTunes, then connect her phone to the computer with the USB cable. Sync. That should put back all apps and media. Since you already upgraded her to iOS 5 she'll have to manually enter all her settings and preferences, and organize her home screens.

  • How do you use family share when we all currently use the same Apple ID but different iCloud accounts?

    our family is currently using all the same Apple ID so we don't have to purchase thing twice, but now I want to set up the family share. Do we all have to have our own Apple ID to set up the family share? We do all have separate iCloud's accounts, I'm not sure if that even makes a difference.

    Hello me1002,
    That is a good question. Everyone will need their own Apple ID that is signed into iCloud and iTunes. When setting this up, someone will need to be the Organizer so whom ever it is will champion this. Then everyone else will need to sign in to each respective accounts and then the organizer will need to send out invites to join Family Sharing. If you get that all setup, remember that when making purchases from those Apple ID will belong to that specific Apple ID so if anyone leaves, others will not have access to that purchased content. 
    Start or join a family group using Family Sharing
    http://support.apple.com/en-us/HT201088
    Regards,
    -Norm G. 

  • HT5624 My husband, myself & our 2 daughters all use the same Apple ID but w different user names. Is this a potential problem?

    4 members of my family use the same Apple ID but different user names
    Is this a potential problem w privacy etc?

    Since the Apple ID does not have a username, I suppose you mean different e-mail-adresses?
    In theory, this is not a problem, but of course it can be difficult if you want to keep things separated. For example, logging in with you Apple ID will automatically set up iCloud and sync your calendar, reminder, notes, mails etc. You can disable this syncing on your daughter's devices, but then they won't be able to use functionalities unless they create their own accounts (for example set up another email account). I think (but I am not 100% on this) they will be able to create reminders/notes etc. locally on the iphone.
    If you mean app-wise or legal-wise: No, this is not an issue. You can use your Apple ID and the apps you bought on up to five different devices. Still, for simplicities sake and to give everyone their share of privacy I personally would suggest different IDs for everyone.

  • HT1535 I own an iPhone4, an iPod 3rd generation and an iPad 2. I use the same iTunes library but unfortunately synced iPad with a different computer before syncing to my own. Do I risk losing the films/apps I've downloaded onto my iPad if I sync with my i

    I don't want to sync what is on my iPod to my iPad. (I have a 32gb iPod but only 16gb on iPad. The iPod I use mostly for music.) I can't seem to add the films I have downloaded onto iPad to iTunes. If I could do that, I could erase them from iPad to create more storage.
    This is intensely confusing, sorry.

    Question.....
    "I own an iPhone4, an iPod 3rd generation and an iPad 2. I use the same iTunes library but unfortunately synced iPad with a different computer before syncing to my own. Do I risk losing the films/apps I've downloaded onto my iPad if I sync with my iPod?"
    Answer.....
    Yes you will lose the films that you downloaded to the iPad when you sync with your own iTunes unless you transfer the purchases into your own iTunes library. Were these movies that you purchased? If so, you might be able to download them again for free. Do you have multiple computers that you sync from or is this someone else's purchased content?
    You can select whatever you want to sync to all of your devices in iTunes, you do not have to sync the same content to all device.
    iTunes 11 for Windows: Set up syncing for iPod, iPhone, or iPad
    iOS: Syncing with iTunes - Support - Apple

  • Using the same subreport twice

    I'm trying to use the same subreport twice in the same
    report, passing it different parameters that modify its query, but
    I keep getting a data binding error. I'm pretty sure what's causing
    it is the fact that I'm using the same subreport twice because if I
    save a copy of the same subreport with a different name and include
    it instead of repeating the same subreport things work fine. Any
    good reason why using the same subreport twice shouldn't work, or
    any solution t o this problem?

    Most certainly - you add the second audio track to the second audio stream for the track (A2). You can then set your menu buttons to play the track with either version of the audio. This is generally how things are done when there is a directors commentary, or where there are different types of audio (say, Dolby 5.1 and a standard stereo track for the same footage) that the viewer can choose between.
    Have a read of this, too:
    http://www.editorsbin.com/authoring/setupandresume.html
    There's a lot of additional info there to help you on your way.

  • How to use the same OC4j server with different port number

    How to use the same OC4j server with different port numbers..?
    I have to OC4J installed on my machine on different hard disk drives....
    I want to be able to run both the server simultaneously..?
    is it possible ..it yes then how..?
    for that i have changed the port number of one server...
    but when i am trying to start the other server with different port number..it says that JVM -Bind already...
    Is there any clues...?
    Nilesh G

    In the config directory:
    default-web-site.xml: Change the port the HTTP listener listens on
    jms.xml: Change the port the JMS service listens on
    rmi.xml: Change the port the ORMI listener listens on.
    Or, you can add another web-site.xml file, and deploy your applications to 1 server, and bind the web applications to the different web sites. This way you only have to deploy your applications to 1 place.
    Rob
    Oracle

  • How can i use the same id on two different laptops?

    When trying to use the same login on two different laptops so that i can connect my nook to either depending on which one is free, i get the error that the id is already in use on another computer?

    The issue is embedded in the way the software works.  To comply with the
    Digital Millenium Copyright Act of 2000, all software companies in this
    business keep track of where their software is installed, making
    information about the computer and ereaders part of an ID file.  So, your
    user ID is embedded in the ID file of each computer, but each computer has
    a different ID of its own that is also embedded in that file.  Adobe's
    master server (yes, there is one that you connect to even if you didn't
    know it) also has that information, and when you try to use an ID on one
    that's embedded in the file of another, Adobe's server blows the whistle,
    and as you can see, you can't do that....
    ==========

  • Can I use the same SSI twice in same page?

    Hey all,
    i'm having a problem whereby several SSI's are not showing on my page.
    I'm wondering if it's because the instances that are not showing are the ones called the second time round.
    Before i start posting code etc, i just wondered if it was actually not possible to call the same SSi more than one time on a page.
    I can't seem to find documentation stating this anywhere.
    Thanks in advance,
    Katrina
    Edit 1: I tested using a new unique SSI (i.e. one that wasn't called anywhere else on teh page, and it doesn't show either... so I've started a new thread where i post my code here: http://forums.adobe.com/message/5345250#5345250
    Edit 2: I guess i didn't test properly initially. It seems it is NOT possible to use the same SSI twice on a page...   What a bummer!!!

    This issue was resolved in a different thread where s member supplied the following information...
    t's certainly possible depending on the PHP command which you use as the include directive.
    <?php require_once('includes/include-address.php'); ?> will only include the file once
    <?php require('includes/include-address.php'); ?>  will include the file more than once
    <?php include('includes/include-address.php'); ?>  will include the file more than once
    Each has its own rules and quirks.
    http://php.net/manual/en/function.require-once.php
    http://www.php.net/manual/en/function.include.php
    http://www.w3schools.com/php/php_includes.asp

  • I had an iphone 4s and it worked nice with facetime and imessage using my phone number but  it was stolen on December so I buy a new iphone 4s using the same cellphone number  but now imessage and facetime does not work with my number, it only works with

    I had an iphone 4s and it worked nice with facetime and imessage using my phone number but  it was stolen on December so I buy a new iphone 4s using the same cellphone number  but now imessage and facetime does not work with my number, it only works with my apple ID.   Please Help me I speak Spanish so  if my English is not ok  I´m sorry about it.
    Do you think that apple has to   reset in their database of the old serial number attached with my phone number and that’s why I can´t activate imessage and facetime with my number in the new iphone 4s?? 

    I understand all of this Meg; that is why I bought an Iphone; but never expected my phone not even give a at least a 24 or even 12 hours....I work 12 hour shifts and also would expect to have to charge each night but not twice a day or more.  I am not always somewhere I can charge my phone.
    Your points are true; however it doesn't help me......

  • Is it possible to use the same Switch for two different clusters.

    I have 10g Rac setup on windows.
    Now I am planning to install 11gR2 on different servers.
    Is it possible to use the same Switch for two different clusters.

    user9198027 wrote:
    I have 10g Rac setup on windows.
    Now I am planning to install 11gR2 on different servers.
    Is it possible to use the same Switch for two different clusters.
    Yes.  Technically there will not be any conflict as long as the private addresses used by the 2 clusters do not collide, and provided that the switch's port capacity and bandwidth will not be exceeded.
    Your NA (netadmin) can also configure the switch to separate the 2 Interconnects from one another (called partitioning when using Infiniband) - if the switch supports such features.
    A major consideration is not to make the switch, public. That typically cause a range of problems and can have a serious impact on an Interconnect. But using 2 private networks on the same infrastructure should not have the same problems - if configured and implemented correctly.

  • How to create more than one VIP use the same IP address and different port(e.g. 80 and 443)

    Hi,
    I use SCVMM LB Provider deploy network. I want to create 2 VIP use the same virtual IP but use the different port.
    for example:   VIP address 1.1.1.123   use port 80 for HTTP   and port 443 for HTTPS
    However,
    the following problems encountered, when I create the second VIP.
    PS C:\Windows\system32> New-SCLoadBalancerVIP -Name "vip11" -LoadBalancer $LB -IPAddress "1.1.1.123" -LoadBalancerVIPTemplate $VIPTemplate1 -LoadBalancerProtocol $Protocol1 -LoadBalancerHealthMonitor $HM1
    New-SCLoadBalancerVIP : A virtual IP (VIP) address with the specified name (vip11) or
    address (1.1.1.123) already exists on the load balancer (xxx). (Error ID: 13691)
    Specify a different name or IP address and try again.
    To restart the job, run the following command:
    PS> Restart-Job -Job (Get-VMMServer localhost | Get-Job | where { $_.ID -eq
    "{b41a77eb-ae0b-490a-8948-662a529b1d8c}"})
    At line:1 char:1
    + New-SCLoadBalancerVIP -Name "vip11" -LoadBalancer $LB -IPAddress "1.1.1.123" -Lo ...
    + ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        + CategoryInfo          : ReadError: (:) [New-SCLoadBalancerVIP], CarmineException
        + FullyQualifiedErrorId : 13691,Microsoft.SystemCenter.VirtualMachineManager.Cmdlets.Ne
       wSCLoadBalancerVIPCmdlet
    PS C:\Windows\system32>
    any suggestions ?
    Thank you in advance !

    I really don't know DDE very well. It is usually recommended that you switch to using ActiveX. You may not be correctly configuring the netDDE server. There is an example in the reource library that shows how to do this. You may also want to look at the DDE advise examples that came with LabVIEW 5.1 and earlier.

  • How do I use the same photo twice in a slideshow created in iPhoto'11?

    I created a slideshow in iPhoto'11 and would like to use the first slide also as the last slide.
    How can I use the same photo twice?

    Seems you have to duplicate the photo in your Library to add the same picture twice.

  • HT204053 I want to use the same apple Id but I don't know the password for my email account to verify iCloud any answers?

    I want to use the same apple ID but I don't know the password for my email account to verify iCloud any answers?

    iForgot.com

Maybe you are looking for