Siema mam taki plik php/javascript

ogolnie jest to losowanie wygranego w grze.
Plik pobiera losowe obrazki z bazy danych i robi losowanie

chciałbym zmienić aby plik pobierał obrazki nie losowo ale w zależności od % jaki dana osoba miała w grze.

tak wyglada plik

[PHP] pobierz, plaintext 
<?php 
 
$gamenum = fetchinfo("value","info","name","current_game")-1;
	$rs = mysql_query("SELECT * FROM `game".$gamenum."` GROUP BY `userid`");
	//$rs2 = mysql_query("SELECT `cost` FROM `games` WHERE `id`='".$gamenum."'");//
	$i = 0;
	$crd = "";
	while($row = mysql_fetch_array($rs)) {
		$crd .= 'avatar.push(\''.$row["avatar"].'\');';
		$i++;
	}
echo '<script src="js/jquery.easing.1.3.js"></script>
<script>
	$(".stop-game").addClass("hidden");
	function getRandomInt(min, max) {
		return Math.floor(Math.random() * (max - min + 1)) + min;
	}
	var avatar=[]; 
	'.$crd.' 
	$( ".hhdgfbd" ).after( "<div id=\"hjgfd\" style=\"width: 1000px;margin: auto;overflow: hidden\"><div id=\"rouletbox\" style=\"height: 140px; width: 100%;  margin: auto\"><div class=\"roulet\"><div class=\"weaponline\" style=\"  margin-left: 330px\"></div><div class=\"mainbox\"><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img1\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img2\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img3\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img4\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img5\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img6\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img7\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img8\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img9\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img10\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img11\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img12\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img13\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img14\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img15\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img16\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img17\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img18\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img19\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img20\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img21\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img22\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img23\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img24\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img25\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img26\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img27\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img28\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img29\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img30\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img31\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img32\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img33\"></center></div></div><div class=\"weaponbox\" style=\"margin: 5px\"><div class=\"weaponheader\"><center><img style=\"width: 125px; height: 125px\" id=\"img34\"></center></div></div></div></div></div></div>");
	for(var i=1; i <= 34; i++) {
		var rand = getRandomInt(0,(avatar.length-1));
		$(\'#img\'+i).attr("src",avatar[rand]); 
		//alert(avatar[rand]);
	}';
 
$winner = fetchinfo("userid","games","id",$gamenum);
$avatar = fetchinfo("avatar","users","steamid",$winner);
echo '$(\'#img30\').attr("src","'.$avatar.'");'; 
echo '$(\'.mainbox\').css("margin-left",getRandomInt(-425,-5)+"px");
	setTimeout(function() {
		$(".mainbox").animate({marginLeft: getRandomInt(-3715,-3590)+"px"}, 7000, "easeOutExpo");
		audioElement3.play();
	},50);
	setTimeout(function() {
		$("#hjgfd").remove();
		roulet = 0;
	},10000);
</script>';
?>
[PHP] pobierz, plaintext 

prosil bym o pomoc bo nie ogarniam na tyle javascripta zeby to zrobic

A która dana w kodzie odpowiada za ten procent? I jaka miałaby być zależność między tym procentem a pobieranymi obrazkami? Bo wstawiłeś kod, z którego wiele nie wynika.

I tworzenie kodu HTML w PHP gdzie 99% to to samo jest słabe.
Wystarczy zrobić małą pętle FOR, które przekaże stringa z powtarzającym się kodem. Na stronie będzie wyglądać tak samo, a i modyfikowanie jest szybsze.

Bo to skądś żywcem skopiowane. W sumie jestem ciekaw skąd.

chodzi mi mniej wiecej oto ze jest przykladowo 3 uzytkownikow - graczy
kazdy z nich ma przypisane unikalny obrazek(avatar);

i teraz w tym kodzie

[PHP] pobierz, plaintext 
for(var i=1; i <= 34; i++) {
		var rand = getRandomInt(0,(avatar.length-1));
		$(\'#img\'+i).attr("src",avatar[rand]); 
		//alert(avatar[rand]);
	}
[PHP] pobierz, plaintext 

obrazek dla i=1 az do i=34 pobierany jest jako rand.
wiec np jest 3 graczy w grze
1gracz ma 40% szans
2gracz ma 50% szans
3gracz ma 10% szans

zrobmy przykladowo dla 30 obrazkow zeby latwiej bylo policzyc

for(var i=1; i <= 30; i++) {
var rand = getRandomInt(0,(avatar.length-1));
$(\'#img\'+i).attr("src",avatar[rand]);
//alert(avatar[rand]);
}

dostane 30 -obrazkow ale losowych , wiec
np moge dostac tak ze bedzie
1gracz - 5 obrazkow
2gracz - 20 obrazkow
3gracz - 5 obrazkow;

ja chce zrobic tak zeby funkcja pobierala ilosc obrazkow w zaleznosci od % danego gracza

wiec dla
1gracza 12 obrazkow
2gracz 15 obrazkow
3gracz 3 obrazki

to ile procent ma dany gracz bede wyliczał na podstawie danych z bazy.
tak samo to ile jest graczy i ile kazdemu powinno przypasc obrazkow w losowaniu.

Coś w ten deseń?

[PHP] pobierz, plaintext 
	for(var u=1; u <= avatar.length-1; u++) {
		for(var i=1; i <= tabela_js_z_liczba_obrazkow_graczy[u]; i++) {
			$(\'#img\'+i).attr("src",avatar[u]); 
		}
	}';
[PHP] pobierz, plaintext