I am trying to get the jQuery Cycle plugin to cycle through "slides"
that contain images with a form for rating the images. Ideally I
would like the form to submit and then go to the next "slide" that
contains the image and the rating form. What I cannot seem to figure
out is how to have it cycle through to the next "slide" and at the
same time submit the form. As of now - when I click on submit - it
goes to the next slide appropriately but the data does not get
submitted. When I removed the ID from the "next" code in the JS - the
form submits, but the slides are obviously not cycled. Is it possible
to both go to the next slide and submit data when the submit button is
pressed?
The current JS:
$(function() {
$('#photos').cycle({
prev: '#previous',
next: '#next, #photoRatingSubmit',
timeout:0
});
});
The current HTML (one slide)
<div id="photos">
<div class="photo">
<form action="/" method="post">
<input type="radio" name="rating" value="Yes" /> <label>Yes</
label>
<input type="radio" name="rating" value="No" /> <label>No</
label>
<input type="submit" id="photoRatingSubmit" value="Submit" /
>
</form>
</div>
<imgsrc="example.jpg" />
</div>
</div>
