Ankündigung

Einklappen
Keine Ankündigung bisher.

PHP jquery Problem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Frage: PHP jquery Problem

    Salü Zusammen hoffe das ist der richtige Ort...

    ICh hab ein Problem und zwar das ich ein Unterschiedliches Resultat kriege je nachdem ob ichs einfach laufen lasse oder ob ich einzeln durchsteppe.
    Beim durchlaufenlassen sind alle Bilder auf einem haufen, resp. im letzten Container. Beim durchsteppen, funktionierts das bilder in den 3 container verteilt sind und somit auch 3 stapel zu sehen sind.
    Also denk ist irgendwie das problem das mit der zeitlichen abfolge was nicht stimmt...bin dankbar um jeden tipp, auch ist es vielleicht kompliziert, wen es also eine einfachere lösung gibt ich bin für alles offen...

    for(var j=0; j < elems; ++j){
    var elem = elems[j];
    var $ps_container = $('#ps_container'+j);
    var album_name = 'album' + j;
    var $loading = $('<div />',{className:'loading'});

    $.get('photostack.php', {album_name:album_name} , function(data) {
    var items_count = data.length;
    var marginleft = 0;
    for(var i = 0; i < items_count; ++i){
    var item_source = data[i];
    var cnt = 0;
    $('<img />').load(function(){
    var $image = $(this);
    ++cnt;

    var theImage = new Image();
    theImage.src = $image.attr("src");
    var imgwidth = theImage.width;
    var imgheight = theImage.height;

    var containerwidth = 230;
    var containerheight = 165;
    var margin = 0;
    var top = 0;
    var left = 0;
    if(imgwidth>110){
    top = 280;
    left = 210 + (j*300);

    }else{
    top= 270;
    left= 270 + (j*300);
    }


    $image.css({
    'outline' : 1+'px solid white',
    'border-color' : '#FFFFFF',
    'width' :theImage.width,
    'height' :theImage.height,
    'z-index' : cnt,
    'position' : 'absolute',
    'top' : top +'px',
    'left' : left +'px'
    });


    var r = Math.floor(Math.random()*41)-20;
    $image.css({
    '-moz-transform' :'rotate('+r+'deg)',
    '-webkit-transform' :'rotate('+r+'deg)',
    'transform' :'rotate('+r+'deg)'
    });

    $ps_container.append($image);

    }).attr('src',item_source);
    }
    $loading.remove();
    $ps_container.show();
    },'json');
Lädt...
X