jQuery Forum

Please help completing this slider code I am stuck.
[2Replies]
- 19-Dec-2012 01:45 PM
- Forum: Using jQuery
Hello,

I am makeing this neat slider. You click the links and the slider comes out but when I click the same link twice it comes back. I need to not have it move when it is clicked twice. For a better I dea of what I need Take a look at my code: and here is a site that has the effect that I want in flash(I know this is j query and not flash this is just an example:http://artistecard.com/JBoog

<script>
$(function () {
var current

$("#aOne").click(function () {
              trade($("#div1"));

});
$("#aTwo").click(function () {
              trade($("#div2"));
});
$("#aThree").click(function () {
              trade($("#div3"));
});
var trade = function (el) {
            $(".current").animate({ left: -400 }, 2000, "linear",
                    function () {
                              $(this).css("left", "4000px").removeClass("current");
                  });
            el.addClass("current");
                  el.animate({
                          left: 150
                      }, 1000);
                  }
            });
</script>
</head>

<body>

<div><a id="aOne" href="#">Div One</a><a id="aTwo" href="#">Div Two</a><a id="aThree"       href="#">Div Three</a></div>
<div class="slider"
       style="position:absolute;width:150px;height:150px; top:150px;left:4000px;background-      color:#EEE;" id="div1" >
                  First Div
</div>
<div class="slider"
      style="position:absolute;width:150px;height:150px; top:150px;left:4000px;background-            color:#AAA" id="div2" >
                    Second Div
</div>
<div class="slider"
              style="position:absolute;width:150px;height:150px; top:150px;left:4000px;background-                  color:#555" id="div3" >
                  Third Div
</div>

</body>

Thank you.

I have been posting for months and never did I get help!!!!
[1Reply]
- 30-Nov-2012 12:09 AM
- Forum: Using jQuery
This forum is ridiculous I have asked for help so many time for months and never get replies am I invisible. This forum is just awful and Im deleting my account.It wont surprise me if I actually get a reply to this but never to anything relevant.

Please help with this slider code
[1Reply]
- 29-Nov-2012 09:40 PM
- Forum: Using jQuery
I need to create a stop function. Can anyone help please?

$(function () {
var current = null;
$("#aOne").click(function () {
              trade($("#div1"));

});

$("#aTwo").click(function () {
              trade($("#div2"));

});
$("#aThree").click(function () {
              trade($("#div3"));

});

Help completing this small piece of code for a slide effect
[7Replies]
- 29-Nov-2012 05:45 PM
- Forum: Using jQuery
The following code allows a user to click an anchor tag and the next slide box appeares and so on.. but I need it so that when a user clicks the same link more than once the box shouldn move twice. I hope this makes sense. How do you do the stop event for that. Any suggestions? Thank you
$(function () {
var current = null;
$("#aOne").click(function () {
              newSlide($("#div1"));

});

$("#aTwo").click(function () {
              newSlide($("#div2"));

});
$("#aThree").click(function () {
              newSlide($("#div3"));

});

Please help I am trying to create this slider.
[2Replies]
- 27-Nov-2012 11:04 PM
- Forum: Getting Started
I have been trying to complete this slide effect in this example http://artistecard.com/JBoog I really like how the boxes slide when you click the links on the top. Does anyone have an idea on how to complete this it will be much appreciated Thank you

Cant get the div boxes to stop in my slider
[0Replies]
- 24-Nov-2012 08:29 PM
- Forum: Using jQuery UI
Hello,
Im working on this little slider effect and Im having trouble getting the boxes to stop once they are clicked. Please help, Im still somewhat of a noob.

Here is the code if this helps.

Thank you kindly.


<div><a id="aOne" href="#">Div One</a><a id="aTwo" href="#">Div Two</a><a id="aThree"       href="#">Div Three</a></div>

<div class="slider"     id="div1" >


</div>
<div class="sliderTwo"     id="div2" >


</div>
<div class="sliderThree"
              style="position:absolute;width:150px;height:150px; top:150px;left:4000px;background-                  color:#555" id="div3" >

</div>


<script>
$(function () {
var current = null;
$("#aOne").click(function () {
              trade($("#div1"));
});
$("#aTwo").click(function () {
              trade($("#div2"));
});
$("#aThree").click(function () {
              trade($("#div3"));
});
var trade = function (el) {
            $(".current").animate({ left: -400 }, 300, "linear",
                    function () {
                              $(this).css("left", "4000px").removeClass("current");
                  });
            el.addClass("current");
                  el.animate({
                          left: 350
                      }, 550);
                  }
            });

</script>

Hello, I really need help with a sliding div box to fly out when you click a link
[1Reply]
- 24-Apr-2012 11:15 AM
- Forum: Getting Started
Hey everyone. I would lie to achieve an effect when the user clicks on a different link the div box for that certain link fly's onto the screen just like this website here http://artistecard.com/JBoog If you got a code solution that would be much appreciated. Thank you

Response title

Attachments

jQuery Forum

Activity Trend