On my slideshow, if the slide is clicked it will pause. But I want to delay the ability to click-to-pause until after the first slide transition. Right now the "#slideshow" div is clickable as soon as the DOM is ready; too soon for me.
I want to add hash marks to the href's on my page, after the DOM loads. I know how to change the whole value of an attr, but not sure how to simply add a character to the beginning of an attribute's value. "Prepend" only works for the innerHTML, right?
I'm building an accordion menu (trying to do it without an accordion plugin!). This example http://adamkobrin.com/slidingMenu2.html works well but I'm wondering:
Is their a way to PERFECTLY sync up the slideDown of one section with the slideUp of the other? Now using this line of code
works, but notice the slight shift at the bottom, due to out-of-sync sliding. I've tried altering the timing subtely in the parameters, and with setTimeout, but to no avail.
Would somebody mind taking a look at this page http://consolidatedaggregates.com/ . I'm suddenly getting many cryptic jQuery errors. I'm not sure what is causing them because I don't know what they mean. Thanks
I have different subdomains pointing to the same file on my server - simple enough. What I'd like to do is essentially reverse that: Can the same file redirect to different subdomains? For example: http://adamkobrin.com When you click on any of the top 4 "links", different content is loaded, but you remain on the same page with (hopefully) nice smooth transitions - the url remains unchanged. I'm looking for a client-side way to change the subdomain in the location bar based on each link, making it possible for the user to bookmark each "page" differently, without compromising my smooth transitions by loading a new page... Make sense? Possible? Thanks!
Using the hover function, I'm showing a before/after version of a photo (I have 2 photos stacked using z-index): $(function() { $('.current img.after').hover( function() { $(this).animate({opacity: "0"}); }, function() { $(this).animate({opacity: "1"}); }); When an image is clicked it proceeds to the next image, using the removeClass and addClass functions: $('.current').click(function() { $(this).removeClass('current').addClass('invisible'); $(this).next('div').removeClass('invisible').addClass ('current'); }); This works fine, but after clicking I lose the hover function. Not sure why... Here's a bare-bones example: http://adamkobrin.com/retouchBA2.html Thanks.
I have a slideshow: <script type="text/javascript"> $(function(){ $('#slideshowBoxRetouching').cycle({ fx: 'fade', speed: 300, timeout: 2400, pause: 0, autostop: 17, end: function() { $('#replayRetouching,#ellipsis').fadeIn(); $('#page').fadeOut(); } }); }); </script> I have a replay button appear at the end, and a click function assigned to it: $('#replayRetouching').click(function() { $('#slideshowBoxRetouching').cycle('play'); }); But all this does is return to the first slide and stay there. How do I get the slideshow to start over? I feel like autostop is causing my problems, but I'm trying to avoid a continuous loop... Thanks!
The code shown below is working fine for me, but I want the prev and next buttons to jump 2 slides instead of 1. I think this involves the "prevNextClick" option, but don't know how to code it... <script type="text/javascript"> $(function() { $('#liberiaSlideshow').cycle({ fx: 'fade', delay: 1000, speed: 'slow', timeout: 3600, timeoutFn: calculateTimeout, prev: '#prevButton', next: '#nextButton' }); }); Thanks!