+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived General Discussion (https://forum.codeigniter.com/forumdisplay.php?fid=21)
+--- Thread: jQuery Image manipulation (/showthread.php?tid=34166)
jQuery Image manipulation - El Forum - 09-21-2010
[eluser]Fireclave[/eluser]
Hello, i would to rotate a image (or flip or else) by clicking on a icon. I'm testing jQuery, but it will not work.
Have anyone a snipplet or a other good example to load a method (in model) and exchange the image ?
jQuery Image manipulation - El Forum - 09-22-2010
[eluser]Fireclave[/eluser]
Hi, i made this example to rotate the image. That works fine, but the rotated image will not be shown in the browser. I have the old - unrotate image... Whats wrong.
Code:
<html>
<head>
<title>Simple Ajax Messaging</title>
$(document).ready(function() {
$('#submit').click(function() {
$.ajax({
url: '<?php echo site_url('message/image/ajax/1169549_53885002.jpg') ?>',
success: function(data) {
$('#grafik').attr('src', '<?php echo base_url().'bilder/' ?>'+data);
//alert($('#grafik').attr('src'));
//alert('Load was performed.');
}
});
});
});
</head>
<body>
<img src="<?php echo base_url().'bilder/1169549_53885002.jpg'?>" width="300" id="grafik" />
<h1>Simple Ajax Messaging</h1>
<div id="form">
<input type="text" id="message" name="message" />
<input type="submit" id="submit" name="submit" value="submit" />
</div>
<div id="content">
<?php $this->load->view('messages_list') ?>
</div>
</body>
</html>I get the URL of the Picture, that will be rotatad back... from the ajax function any ideas ?
jQuery Image manipulation - El Forum - 09-22-2010
[eluser]Fireclave[/eluser]
have anyone 5 minutes to check my javascript (jquery) code ?
jQuery Image manipulation - El Forum - 09-22-2010
[eluser]danmontgomery[/eluser]
What does "will not work" mean? Have you tried firebug or the javascript error console to do any debugging at all? What was the result of that?
jQuery Image manipulation - El Forum - 09-22-2010
[eluser]Fireclave[/eluser]
the image will rotated, the request is okay too, but the rotated image will not be updated.
// When Image ist rotated, then show the same picture again (reload)
$('#grafik').attr('src', '<?php echo base_url().'bilder/' ?>'+data);
This should update the picture or not ? i load the same image like before.