przeladowanie obrazka we jquery Opcje

[acztery]

hej,

Mam taki kłopot. Napisałem skrypt do cropowania zdjęcia i np.

cropuję zdjęcie i tu wszystko działa. Ale teraz nad narzędziem do cropowa mam podgląd np:

<img src="url"> gdzie url to adres do tego jak zdjecie wyglada po ocropowaniu.

jak przeładować ten obrazek?? żeby się tam wyśwetliło to nowe zdjęcie jego nazwa rzecz jasna sie nie zmienia..

próbowałem juz ajaxem w div wladować plik img.php a w nim <img src="url">....
próbowałem też $.load.... ale tez nie dziala

dziala tylko jak reczne odświeżenie strony ale to mnie nie interesuję.

Strona ma się nie przeladowywać.. to ma byc płynnie ...

PS moze jakos czysci cache przed wyswetleniem obrazka w pliku img.php\

PS 2

a tu kod js - smarty

[HTML] pobierz, plaintext 
 
	function sub()
	{
 
	var x1 = $('#x1').val();
	var y1 = $('#y1').val();
	var x2 = $('#x2').val();
	var y2 = $('#y2').val();
	var w = $('#w').val();
	var h = $('#h').val();
	var d = '?act=1&r={/literal}{$GET.r}&name={$GET.name}&file={$GET.file}&r=1&parent={$GET.parent}&id={$GET.id}{literal}';
 
 ajaxpage('crop.php'+d+'&x1='+x1+'&x2='+x2+'&y1='+y1+'&y2='+y2+'&w='+w+'&h='+h+'','obecna2');
 
//$('#greatphoto').attr('src', '../../upload/{/literal}{$GET.name}/small/{$GET.r}/{$GET.file}{literal}');
 
 
return;
 
 
   }
[HTML] pobierz, plaintext 

Ten post edytował acztery 18.05.2011, 08:24:32

[Kemsan]

http://jqueryfordesigners.com/image-loading/

[acztery]

nie działa to też ładuje obrazek jeszcze z przed cropowania a jak odsweze recznie to juz widze nowy ...

[HTML] pobierz, plaintext 
	function sub()
	{
 
	var x1 = $('#x1').val();
	var y1 = $('#y1').val();
	var x2 = $('#x2').val();
	var y2 = $('#y2').val();
	var w = $('#w').val();
	var h = $('#h').val();
	var d = '?act=1&r={/literal}{$GET.r}&name={$GET.name}&file={$GET.file}&r=1&parent={$GET.parent}&id={$GET.id}{literal}';
 
 ajaxpage('crop.php'+d+'&x1='+x1+'&x2='+x2+'&y1='+y1+'&y2='+y2+'&w='+w+'&h='+h+'','obecna2');
 
 
$(function () {
  var img = new Image();
 
  // wrap our new image in jQuery, then:
  $(img)
    // once the image has loaded, execute this code
    .load(function () {
      // set the image hidden by default    
      $(this).hide();
 
      // with the holding div #loader, apply:
      $('#loader')
        // remove the loading class (so no background spinner), 
        // then insert our image
        .append(this);
 
      // fade our image in to create a nice effect
      $(this).fadeIn();
    })
 
 
 
    // *finally*, set the src attribute of the new image to our image
    .attr('src', '../../upload/{/literal}{$GET.name}/small/{$GET.r}/{$GET.file}{literal}');
});
 
 
 
 
return;
 
 
[HTML] pobierz, plaintext 

[zegarek84]

dodaj timestap do adresu obrazka by wczytać nowy a nie kożystać z cache przeglądarki...

[acztery]

dzieki laduje do div plik img.php a w nim mam:

[PHP] pobierz, plaintext 
header('Pragma: public');
header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
header('Cache-Control: no-store, no-cache, must-revalidate');
echo '<img src="../../upload/'.$_GET['name'].'/small/'.$_GET['r'].'/'.$_GET['file'].'?'.time().'"  id="thumbnail" alt="Obraz oryginalny"  />';
[PHP] pobierz, plaintext 

i śmiga dzieki

Ten post edytował acztery 18.05.2011, 09:57:16