Change Slider Effect in Dreamweaver

Hi,
      I am working on the tutorials provided by Timothy Framework / Web Design Services. The tutorial deals with building a website called the "Manchester Project". The link is -
www.manchestertemplate.info/
There is a slider on the main page that fades to white before the next image appears. I assume there is some editing that has to be done in the "JS-Slider" script file. Any suggestions on how to change the visual effect of the slider transition would be appreciated.
Thank you.
The code is as follows -
// Timothy Framework - www.timothyframework.com
// This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php
// Developed By: Boban Karišik -> http://www.serie3.info/    Version: 1.0 - MIT Open License
(function($){ 
    $.fn.s3Slider = function(vars) {      
        var element     = this;
        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
        var current     = null;
        var timeOutFn   = null;
        var faderStat   = true;
        var mOver       = false;
        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
        items.each(function(i) {
            $(items[i]).mouseover(function() {
               mOver = true;
            $(items[i]).mouseout(function() {
                mOver   = false;
                fadeElement(true);
        var fadeElement = function(isMouseOut) {
            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
            if(items.length > 0) {
                timeOutFn = setTimeout(makeSlider, thisTimeOut);
            } else {
                console.log("Poof..");
        var makeSlider = function() {
            current = (current != null) ? current : items[(items.length-1)];
            var currNo      = jQuery.inArray(current, items) + 1
            currNo = (currNo == items.length) ? 0 : (currNo - 1);
            var newMargin   = $(element).width() * currNo;
            if(faderStat == true) {
                if(!mOver) {
                    $(items[currNo]).fadeIn((timeOut/6), function() {
                        if($(itemsSpan[currNo]).css('bottom') == 0) {
                            $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                        } else {
                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
            } else {
                if(!mOver) {
                    if($(itemsSpan[currNo]).css('bottom') == 0) {
                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                            $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                    } else {
                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                        $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
        makeSlider();
})(jQuery); 

Hi,
     I figured it out. You have to go into the index.html, main.html, and main.dwt files to change the "time out" setting in millaseconds....if anyone is interested and working on "The Manchester Project".
MobieBoy

Similar Messages

  • Slide effect - change dinamically from to

    Hi,
    i try to build a slide effect (v1.5) for change dinamically
    the options 'from' and 'to', the scope is obtain a graphic
    interface for domotics application (eg. open sliding-windows to
    25%)
    i used this sample code, but the value in the effect not
    change:
    <input type="button" onclick="slide.options.to='25%';"
    value="Set To 25%">
    <input type="button" onclick="slide.options.to='50%';"
    value="Set To 50%">
    <input type="button" onclick="slide.options.to='75%';"
    value="Set To 75%">
    <input type="button" onclick="slide.options.to='100%';"
    value="Set To 100%">
    <input type="button" onclick="alert(slide.options.to);"
    value="CHECK">
    <input type="button" onclick="slide.start();"
    value="START">
    <div id="slidingWindows">
    <div>
    <div>img src="images/window.jpg" alt="" border="0"
    /></div>
    </div>
    </div>
    <script type="text/javascript">
    var slide = new Spry.Effect.Slide('slidingWindows',
    {duration: 2000, from: '0%', to: '25%', toggle: false,
    scaleContent:true});
    </script>
    Thanks!

    Hello,
    The percent values are translated in pixel values when the
    effect is instantiated. The result is cached and later used in each
    of the animators. If you manually set a new value the effect will
    ignore those values.
    Your problem is a little bit more complicated. You'll have to
    create a more complex script that will instantiate on the fly a new
    effect for each button when that button is clicked. Because when
    you instantiate an effect another effect it is possible to have run
    the percent value will be considered from the current size and not
    from the old original size. In this situation we'll have to also
    compute manually before effect instantiation the pixel value
    against the maximum one:
    <input type="button" onclick="slideIt('25%');" value="Set
    To 25%">
    <input type="button" onclick="slideIt('50%');" value="Set
    To 50%">
    <input type="button" onclick="slideIt('75%');" value="Set
    To 75%">
    <input type="button" onclick="slideIt('100%');" value="Set
    To 100%">
    <input type="button" onclick="alert(slide.options.to);"
    value="CHECK">
    <input type="button" onclick="slide.start();"
    value="START">
    <div id="slidingWindows">
    <div>
    <div><img src="images/window.jpg" alt="" border="0"
    /></div>
    </div>
    </div>
    <script type="text/javascript">
    function slideIt(to){
    var percent = parseInt(to, 10);
    // 300 is a random chose value.
    var pixels = to * 300 / 100;
    slide = new Spry.Effect.Slide('slidingWindows', {duration:
    2000, from: '0px', to: pixels + 'px', toggle: false, scaleContent:
    true});
    // the default value is 25%
    slideIt('25%');
    </script>
    Regards,
    Cristian

  • The effects between changing slides.

    Hello,
    I'm AD in a project where we are building a simulation experience. It will be done with two big screens and will be build in a shape of a corner. The simulation will be about future transportation and roads. In the corner will be a person who will experience the difference between the future and the present. Simulation is made with still photos that I will mattepaint to present scenes from future.
    The simulation is all about moving in the future. To make it as real as possible we shot a lots of photos approximately 50 meters from the next one to make a non breaking route from A to destination B. The person will be facing screen nr. 1. The second screen will be on his left side.
    I want to bind all these photos in a video format to be able to sync sounds with the pictures. Sounds like electric cars passing by. What I'm planning is to do this in Adobe premier or After Effects. How would I do this? Can you point me to some practical tutorials that would help me in my project. I'm totally new to both program
    I want two kind of effects to happen when next pair of pictures comes to the screens:
    1) In the first screen I want the effect be like you would be going through the picture. Just like what is happening when you click next point in Google Maps Street view.
    2) In the second screen I want the picture to pass by like in slide show with the direction from right to left.
    With these effects I want the person to feel like he is walking in the future environment.
    Please guys, I need your help!
    Best regards,
    Konstantin Nikkari

    Thank you a lot for such good answers!
    I have combined raw data, pictures and videos for screen 1. Tomorrow I'll start to search internet how I actually can combine two 1920*1080 canvases to make it video with 3840*1080 resolution. And how to set one video track to right and second video track to left half of the canvas. My goal is to be able to export the ready project to MPEG file that in conference only needed thing is to press <full screen> and video automatically fills both screen without distortion or what's so ever. AV installation team will take care of proper screen installation but I just have to make the video file suitable for 3840*1080 resolution.
    Adding sounds is no problem anymore. I've watched several tutorials to be able to say I'm somehow familiar with premiere.
    My worry is that I'm running out of time. This needs to be ready by Sunday.
    Three things that I need to understand so I can call this a victory:
    1) how to bind two 1920*1080 video canvases together and how to separate video tracks to effect different halves of the 3840 pixel-wide canvas
    2) Make the walk-through effect
    3) Make the slide effect.

  • DESPERATE HELP! I broke my spry slide effect

    i can't add the effect anymore. everytime i tried, it kept
    telling me that I need to have the target element inside a div...
    which it is. every other effect works, such as fading or what not.
    but the slide effect just gone dead.
    also, i did have the effect workED in one of my other
    webpage. if i go back to behavior panel and try to modify the
    effect (such as changing duration), it won't let me save, but just
    kept popping up the same error message as above(that i need to have
    target element in a div)
    i have no idea what happened. it just stopped working one day
    all of a sudden, and becoming very frustrating. PLEASE SOME HELP!!!
    (also, where can i get immediate like customer to customer
    real time conversation help? i pay LOTS of money for this stuff,
    should I expect to get some sort of customer service from them?
    some number i can call, some chatroom i can go to?)
    p.s. as with all my other silly questions that got answered,
    i am sure I did something very beginner (since i am) to break
    it.

    "Bih Wang" <[email protected]> wrote in
    message
    news:[email protected]...
    >i can't add the effect anymore. everytime i tried, it
    kept telling
    >me that I
    > need to have the target element inside a div... which it
    is. every
    > other
    > effect works, such as fading or what not. but the slide
    effect just
    > gone dead.
    The Slide effect is the most difficult of the Spry effects to
    use. You
    cannot apply the Slide effect directly to the element you
    want to
    slide in and out. The target element must be a div wrapped
    around it.
    What makes it difficult is that the child element of the div
    MUST be
    one of the following: blockquote, center, dd, form, img, or
    another
    div. So, for example, this will work:
    <div id="slidecontainer">
    <img src="slideme.jpg" alt="Sliding image" />
    </div>
    However, this won't work:
    <div id="slidecontainer">
    <p><img src="slideme.jpg" alt="Sliding image"
    /></p>
    </div>
    If you want the paragraph, you need to wrap it in another div
    like
    this:
    <div id="slidecontainer">
    <div>
    <p><img src="slideme.jpg" alt="Sliding image"
    /></p>
    </div>
    </div>
    > (also, where can i get immediate like customer to
    customer real time
    > conversation help? i pay LOTS of money for this stuff,
    should I
    > expect to get
    > some sort of customer service from them? some number i
    can call,
    > some chatroom
    > i can go to?)
    This is where you get free user-to-user help. By the way,
    please don't
    post the same question in multiple forums.
    The money you paid for the software entitles you to free
    support with
    installation problems. You also get two free technical
    support tickets
    for an individual program. If you bought a suite, you get
    four
    tickets, and six tickets for the Master Collection. The
    technical
    support tickets expire 90 days after using the first one.
    To get real-time help from Adobe support, you need to
    purchase a
    support plan, or pay for individual support incidents. In the
    USA,
    prices per incident range from US$29 to US$249.
    David Powers
    Adobe Community Expert, Dreamweaver
    http://foundationphp.com

  • Trouble applying Spry slide effect option

    I am trying to use the SPRY Slide effect. According the Adobe documentation on the
    Dreamweaver stuff/Spry_1_6_1_022408/samples/effects/slide_sample.html that I downloaded it says:
    “The Slide was designed to animate the element vertically or horizontally. By enabling the horizontal option the element will dissapear [sic] to its left.”
    How do you enable this option? I can’t find horizontal on options panel. There is only "up" or "down."

    VL Branko wrote:
    How do you enable this option? I can’t find horizontal on options panel. There is only "up" or "down."
    That option doesn't appear in the Slide effect panel. You need to edit the code inserted by Dreamweaver. Change this:
    function MM_effectSlide(targetElement, duration, from, to, toggle)
        Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
    to this:
    function MM_effectSlide(targetElement, duration, from, to, toggle)
        Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle, horizontal: true});
    Dreamweaver doesn't show all the options available for Spry. You often need to tweak the code manually.

  • Problem with Spry:Repeat and Slide Effect on IE6

    I run the website for my kids' hockey association and I'm not
    a web programmer. I am trying to display events in a Spry region
    using spry:repeat. The data is coming from a Google Calendar . I
    display the event date and title on the main page. I have the
    onclick set to call a javascript function that exposes the details
    using the spry slide effect. It works ok except in IE6.
    The following creates my dataset from a method call to a
    Coldfusion component that returns the XML I need:
    <script type="text/javascript">
    var ds1 = new Spry.Data.XMLDataSet("
    http://tornadoyouthhockey.org/Events.cfc?method=EventXML",
    "events/event",{distinctOnLoad:false});
    </script>
    The following function slides open the detail:
    <script type="text/javascript">
    function startBlind(rid) {
    var contentdiv = document.getElementById('panel'+ rid
    +'Content');
    var panel_height = contentdiv.clientHeight;
    if (panel_height<100){
    var bd = new Spry.Effect.Blind('panel'+ rid +'Content',
    {duration: 800, to: '100px', toggle: true});
    else {
    var bd = new Spry.Effect.Blind('panel'+ rid +'Content',
    {duration: 800, to: '0px', toggle: true});
    bd.start();
    </script>
    Within the repeat I have:
    <div class="EventPanelLabel"
    onclick="startBlind({ds_RowID});">{startDate} &mdash;
    {title}</div>
    I think the XML looks OK but for some reason when the page
    loads, IE6 returns:
    Exception caught while loading
    http://tornadoyouthhockey.org/Events.cfc?method=EventXML:
    [object Error]
    The page seems to work fine in Safari and Firefox on the Mac
    and IE7 as well as Firefox on Windows. Just IE6 seems to be having
    the problem. Could you please take a look at
    http://tornadoyouthhockey.org
    and provide any suggestions you may have?
    Also, is there a way to hide the {startDate} - {title} I'm
    seeing while the page loads?
    Thanks,
    Kevin

    Kin:
    Thanks for your reply. I made the changes you suggested but,
    unfortunately, IE6 is still giving me the same error when the page
    loads:
    Exception caught while loading
    http://tornadoyouthhockey.org/Events.cfc?method=EventXML:
    [object Error]
    Could this be part of the problem an need to be changed as
    well? :
    <div id="panel{ds_RowID}Content"
    Any other ideas? The page is live if you'd care to look...
    http://tornadoyouthhockey.org
    Kevin

  • Spry Slide Effect problem in IE 7 only

    I am using the Spry Slide Effect as a way of initially hiding
    a drop down menu:
    Click on menu of products:
    http://www.adelantedesign.co.uk/clients/showpiece/menu.asp
    I use:
    .hideInitially{
    display: none;
    as recommended here though there is no working example using
    display: none; only visibility: hidden
    http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html
    Using initial state of dispay: none it displays NOTHING! Is
    this a bug in IE 7?
    Anyone come across this problem.
    Anyone got a fix?
    Thanks
    Rich

    High Rich,
    You were on the right track with EPM. Here's how it works:
    http://www.projectseven.com/testing/customers/pow32/
    All you do is insert a single panel EPM inside TopMenuWrapper
    set to have
    all panels close and with gradual stop animation and using
    the basic style
    theme.
    Then you set the trigger DIV to display: none !important; and
    to remove all
    borders.
    .p7EPM05 .p7epm_trigs {
    overflow: hidden;
    margin-bottom: 12px;
    display: none !important;
    Then "un-style" the EPM content DIV so it picks up your
    colors and
    attributes:
    .p7EPM05 .p7epm_content {
    padding: 12px 24px;
    line-height: 1.5em;
    border: 0;
    Then select your "Menu of Products" link and use the built-in
    EPM control
    behaviors (available GUI in behaviors panel) to assign an EPM
    Trigger
    Control to the link, which will then look like this:
    <a href="#"
    onclick="P7_EPMctl('p7EPMtrg1_1','trigger')">Menu of
    Products</a>
    That's it.
    Al Sparber - PVII
    http://www.projectseven.com
    The Finest Dreamweaver Menus | Galleries | Widgets
    http://www.projectseven.com/go/pop
    The Ultimate DW Menu System
    "RICH POW" <[email protected]> wrote in
    message
    news:gms1c0$rpj$[email protected]..
    >I am using the Spry Slide Effect as a way of initially
    hiding a drop down
    >menu:
    >
    > Click on menu of products:
    >
    http://www.adelantedesign.co.uk/clients/showpiece/menu.asp
    >
    > I use:
    > .hideInitially{
    > display: none;
    > }
    > as recommended here though there is no working example
    using display:
    > none;
    > only visibility: hidden
    >
    >
    http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html
    >
    > Using initial state of dispay: none it displays NOTHING!
    Is this a bug in
    > IE
    > 7?
    > Anyone come across this problem.
    >
    > Anyone got a fix?
    >
    > Thanks
    > Rich
    >

  • Slide Effect problem in IE 7 only

    I am using the Spry Slide Effect as a way of initially hiding
    a drop down menu:
    Click on menu of products:
    http://www.adelantedesign.co.uk/clients/showpiece/menu.asp
    I use:
    .hideInitially{
    display: none;
    as recommended here though there is no working example using
    display: none; only visibility: hidden
    http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html
    Using initial state of dispay: none it displays NOTHING! Is
    this a bug in IE 7?
    Anyone come across this problem.
    Anyone got a fix?
    Thanks
    Rich

    Actually, since EPM allows page links as well as Panel
    triggers, you can do
    your whole menu bar in EPM using real triggers and you would
    then have all
    the benefits of state management for those links. That is,
    when you click
    the "Menu of Products" link to expand the elevator, the link
    would adapt an
    open state style class.
    "Al Sparber - PVII" <[email protected]>
    wrote in message
    news:[email protected]...
    > High Rich,
    >
    > You were on the right track with EPM. Here's how it
    works:
    >
    http://www.projectseven.com/testing/customers/pow32/
    >
    > All you do is insert a single panel EPM inside
    TopMenuWrapper set to have
    > all panels close and with gradual stop animation and
    using the basic style
    > theme.
    >
    > Then you set the trigger DIV to display: none
    !important; and to remove
    > all borders.
    >
    > .p7EPM05 .p7epm_trigs {
    > overflow: hidden;
    > margin-bottom: 12px;
    > display: none !important;
    > }
    >
    > Then "un-style" the EPM content DIV so it picks up your
    colors and
    > attributes:
    >
    > .p7EPM05 .p7epm_content {
    > padding: 12px 24px;
    > line-height: 1.5em;
    > border: 0;
    > }
    >
    > Then select your "Menu of Products" link and use the
    built-in EPM control
    > behaviors (available GUI in behaviors panel) to assign
    an EPM Trigger
    > Control to the link, which will then look like this:
    > <a href="#"
    onclick="P7_EPMctl('p7EPMtrg1_1','trigger')">Menu of
    > Products</a>
    >
    > That's it.
    >
    >
    > --
    > Al Sparber - PVII
    >
    http://www.projectseven.com
    > The Finest Dreamweaver Menus | Galleries | Widgets
    >
    http://www.projectseven.com/go/pop
    > The Ultimate DW Menu System
    >
    >
    >
    >
    > "RICH POW" <[email protected]> wrote in
    message
    > news:[email protected]...
    >>I am using the Spry Slide Effect as a way of
    initially hiding a drop down
    >>menu:
    >>
    >> Click on menu of products:
    >>
    http://www.adelantedesign.co.uk/clients/showpiece/menu.asp
    >>
    >> I use:
    >> .hideInitially{
    >> display: none;
    >> }
    >> as recommended here though there is no working
    example using display:
    >> none;
    >> only visibility: hidden
    >>
    >>
    http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html
    >>
    >> Using initial state of dispay: none it displays
    NOTHING! Is this a bug
    >> in IE
    >> 7?
    >> Anyone come across this problem.
    >>
    >> Anyone got a fix?
    >>
    >> Thanks
    >> Rich
    >>
    >

  • How to set the default behavior of slide effect?

    Basically, I am using the spry widget that allow me to do the
    click and expand (like how sections get slide up and down) effect.
    (Sorry if I don't know the term, I am running a Chinese version...
    if it helps at all... it's "滑動" in chinese character)
    Is there any way to set it so that the object that being
    hidden/revealed stay hidden from the start before the click?
    Because of the way I have all my layouts setup, it really destroy
    the view if it's revealed from the start.
    Thanks in advance!

    It seems like the same one, but I can't find the accordion
    keyword in any of my code. I have this... which I guess is the code
    generated when I insert the widget
    "function MM_effectSlide(targetElement, duration, from, to,
    toggle)
    Spry.Effect.DoSlide(targetElement, {duration: duration,
    from: from, to: to, toggle: toggle});
    is that the same thing? how would I change it according to
    the instruction?
    i found the slide effect thing on adobe lab and found out how
    to have the element hide initially (by adding display: none; to my
    css), but then another weird problem.
    i have 8 divs wrap inside a big div "Main" which would be
    slid up and down. "Main" slid up and down as expected, but one of
    the small div (the first one to be precise) simply disappeared. the
    margin that I set for it still display correctly (I set the div to
    be 140 px, and there is a 140 px space), but no content (I have a
    mouseswap image),
    when I remove the display: none; code from the div "Main"
    part of the css, then the small div display correctly, with the
    mouse swap image.
    Did I do something wrong?

  • Jquery slider effect to fade

    Hi,
    Could someone help me with my problem:
    I have a site that I made using a Business Catalyst template called Adora, and there is a slidehow called AnythingSlider. The slider has a Swing effect that swings pictures and I would  like to change that into Fade effect.
    Now I have no knowledge of jquery. Script on the Template looks like this:
    <script type="text/javascript" src="/js/jquery.anythingslider.js"></script>
            <script type="text/javascript">
                                                      $(function(){
                                                                $('#slider1').anythingSlider({
                                                                          startStopped    : false, // If autoPlay is on, this can force it to start stopped
                                                                          hashTags        : false,
                                                                          toggleArrows    : false,
                                                                          buildArrows     : false,
                                                                          enablePlay      : true,      // if false, the play/stop button will still be visible, but not clickable.
                                                                          autoPlayLocked  : false,  // If true, user changing slides will not stop the slideshow
                                                                          resumeDelay     : 10000, // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
                                                                          easing          : "swing",   // Anything other than "linear" or "swing" requires the easing plugin
                                                                          delay           : 4000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
                                                                          animationTime   : 900,       // How long the slideshow transition takes (in milliseconds)
                                                                          onSlideComplete : function(slider){
                                                                                    // alert('Welcome to Slide #' + slider.currentPage);
                </script>
    It says there: Anything other than "linear" or "swing" requires the easing plugin,
    and I have found several different plugins, copyed the js file to my site, linked it to my Template file
    (<script type="text/javascript" src="/js/jquery.easing.js"></script>,)
    changed the easing "swing" to whatever I have found in the plugin js file, like "easeOutQuad".
    But I cannot get it to work. Could anyone help me out here and tell me what am I doing wrong?
    Thanks in advange!

    That is not what I am trying to do, I want it to FADE.
    I have that js file already, I just need to know how to link them.
    I tryid this to my DW template, but it is not working:
            <head>
    <script type="text/javascript" src="/js/jquery.easing.js"></script>
    </head>
        <body>
    <script type="text/javascript">
                                                                          easing          : "easeOutQuad",   // Anything other than "linear" or "swing" requires the easing plugin
    </script>
    And the js file has this script among others:
    jQuery.easing['jswing'] = jQuery.easing['swing'];
    jQuery.extend( jQuery.easing,
              def: 'easeOutQuad',
              swing: function (x, t, b, c, d) {
                        //alert(jQuery.easing.default);
                        return jQuery.easing[jQuery.easing.def](x, t, b, c, d);

  • Line chart animation (how to change the effect after first initialisation)

    How can I animate a line chart so that it is initialized with a slide effect but whenever the data changes it uses a SeriesInterpolate Effect?
    thanks

    Dunno, i was going to send you where you have been. I never use that anyway
    Sorry,
    G

  • How to keep track of the status of a spry slide effect from page to page.

    Hi All,
    I'm using a spry slide effect on a simple menu system.
    Lets say I have a home, gallery and about us page.
    I currently have the spry effect occurring with "body onload" only on the Gallery page to slide down extra sub menus only when the user lands on that page.
    My problem is that I would like the slide effect to close when having left the page and landed on either of the other two pages. I can close the slide with body onload again but obviously it will close every time regardless of whether the effect was open or closed to begin with.
    I know nothing about Javascript or the Spry Framework and therefore would like to know if there is a simple way to track whether the effect was open or closed from page to page?
    Ideally I would like the effect to only open when landing on the gallery page and closing only if the previous page was the gallery page and the effect was open. For all other instances the effect should not be actioned.
    I thought that there would be a way seeing as there is a toggle option with this effect. How does the effect know when it was previously open/closed and is there a way of parsing that in the URL so that the next page knows what to do?
    Any help would really be appreciated.
    Thanks

    Sorry, but what you wish to do, will require you to at least have a basic understanding of JavaScript and setting/unsetting cookies.
    For a basic introduction to using JavaScript try:    http://www.adobe.com/devnet/dreamweaver/articles/js_for_designers.html
    HTH
    PZ

  • [svn] 4764: Fixes to flex4tests to [finally] account for the API changes in effects in yesterday's commit.

    Revision: 4764
    Author: [email protected]
    Date: 2009-01-30 11:47:42 -0800 (Fri, 30 Jan 2009)
    Log Message:
    Fixes to flex4tests to [finally] account for the API changes in effects in yesterday's commit. Tests now compile and run...
    QE Notes: None
    Doc Notes: None
    Bugs: None
    Reviewer: Ryan
    Modified Paths:
    flex/sdk/trunk/development/eclipse/flex/flex4test/src/EffectsProperties.mxml
    flex/sdk/trunk/development/eclipse/flex/flex4test/src/components/AnimationPropertiesForm. mxml
    flex/sdk/trunk/development/eclipse/flex/flex4test/src/layouts/NumberInterpolatorWrapping. as
    flex/sdk/trunk/development/eclipse/flex/flex4test/src/testWheel.mxml

    It happens on
    darkchronicles.net
    thedreamkeep.com
    atittercompany.com
    codexdemagicus.com
    So far, it is happening to 4 sites that I work with.  Yes, they all use the same server, and the server company swears it is not their end.  I don't quite understand what you mean "is it coming from a web page?"  I edit and upload pages in Dreamweaver and then when I try to check the edited pages in Chrome, Firefox, Opera or Safari on 3 different computers that I have to work on, I get the error.  If I edit in Dreamweaver and then use Core FTP LE to upload, then check the pages, I do not get the error.

  • Spry slide effect problem

    Hi
    i have a div with the slide effect, it works but it start as
    showing and i want it to be "shrinked" when the page is loading.
    what should i do?
    ron

    High Rich,
    You were on the right track with EPM. Here's how it works:
    http://www.projectseven.com/testing/customers/pow32/
    All you do is insert a single panel EPM inside TopMenuWrapper
    set to have
    all panels close and with gradual stop animation and using
    the basic style
    theme.
    Then you set the trigger DIV to display: none !important; and
    to remove all
    borders.
    .p7EPM05 .p7epm_trigs {
    overflow: hidden;
    margin-bottom: 12px;
    display: none !important;
    Then "un-style" the EPM content DIV so it picks up your
    colors and
    attributes:
    .p7EPM05 .p7epm_content {
    padding: 12px 24px;
    line-height: 1.5em;
    border: 0;
    Then select your "Menu of Products" link and use the built-in
    EPM control
    behaviors (available GUI in behaviors panel) to assign an EPM
    Trigger
    Control to the link, which will then look like this:
    <a href="#"
    onclick="P7_EPMctl('p7EPMtrg1_1','trigger')">Menu of
    Products</a>
    That's it.
    Al Sparber - PVII
    http://www.projectseven.com
    The Finest Dreamweaver Menus | Galleries | Widgets
    http://www.projectseven.com/go/pop
    The Ultimate DW Menu System
    "RICH POW" <[email protected]> wrote in
    message
    news:gms1c0$rpj$[email protected]..
    >I am using the Spry Slide Effect as a way of initially
    hiding a drop down
    >menu:
    >
    > Click on menu of products:
    >
    http://www.adelantedesign.co.uk/clients/showpiece/menu.asp
    >
    > I use:
    > .hideInitially{
    > display: none;
    > }
    > as recommended here though there is no working example
    using display:
    > none;
    > only visibility: hidden
    >
    >
    http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html
    >
    > Using initial state of dispay: none it displays NOTHING!
    Is this a bug in
    > IE
    > 7?
    > Anyone come across this problem.
    >
    > Anyone got a fix?
    >
    > Thanks
    > Rich
    >

  • Slide effect to up

    Hi all, I just want to know if there is a way I can use the
    slide effect to animate to up istead of down, I was wondering if I
    need to change the code inside SpryEffect.js or something, thanks
    for any help

    Hi Uyandim,
    Did you see
    this
    sample?

Maybe you are looking for

  • Having trouble with JCheckBox and JTree

    I am trying to render the JTree to display JCheckBox's instead of just ordinary JLabels. It's fine, compiles, and when you view it it looks normal, until you try to check one. You can't check it at all. What am i doing wrong with this? Thanks

  • Can existing JSF apps import into JSC

    I have a a number of existing JSF applications that were manually created (JSP,code, etc)musing JSF 1.0 FCS. I have tried to import these into the visual designer JSC to look at how they would display but it seems that the JSF tags are aways stripped

  • HT2493 New files created in Photoshop have no icons (i.e., the image created in Photoshop)

    When I created images today in Photoshop and saved the files, no icon would display. When I went to the get info for the file, it did not seem possible to add an image as the icon--no type of icon at all appeared at the top of the get info panel.

  • Tiger 10.4.11 and sleeping mode?

    Hello, I first posted this post in the installation forum and then realized the question is more relevant to this forum: I had to reinstall OS X 10.4 and now the machine goes into sleeping mode after about 10-15 minutes of inactivity. It wasn't actin

  • Can't access Preferences in Safari 5.0.5

    I have an older Mac Pro running Snow Leopard 10.6.8 and Safari 5.0.5. I've been unable to access Preferences in Safari--half the time the web page doesn't change, the other half the program crashes. Any ideas?