Modificar el orden en que se ven las imagenes (aporte)

[waldragon]

Buenas, esto sirve para cambiar el orden en que se muetran una serie de imagenes, se logra cambiando la id de una por la de la de al lado, y la de esa por la de la otra, espero que les sirva y si ven que se puede mejorar (seguro que si) dejen un comentario.

Son dos archivos: ver-imagenes.php y mover-imagenes.php, tambien tenemos que crear una tabla en la bd llamada imagenes con los campos id, imagen; en imagen ponemos la ruta en donde esta guardada la imagen, le falta el form y algunos divs y estilos par darle forma.

ver-imagenes.php


//primero seleccionamos las id de las imagenes y creamos una variable para cada una
$aaa=1;
$sentencia = "SELECT id FROM imagenes ORDER by id asc";
$imagenes = mysql_query($sentencia) or die("Error al tratar de ver la imagen". mysql_error());
while ($imag = mysql_fetch_object($imagenes)){
$ccc=$imag->id;
$var[$aaa]="$ccc";//creamos la variable $var1, $var2, $var3.........etc
$aaa=$aaa+1;//aumentamos el valor de $aaa en 1
}
//---------------------
//ahora mostramos las imagenes en cuestion y los enlaces con las flechas para mover a la derecha o a la izquierda
$aa=1;
$sentencia="SELECT * FROM imagenes ORDER by id asc";
$result=mysql_query ($sentencia)or die ("Error al ver las imagenes". mysql_error());
while($ima = mysql_fetch_object($result)){
$vermisfotos=$ima->imagen;//ruta de la imagen
$zz=$ima->id;
$a1=$aa-1;
$zza=$var[$a1];//aca recuperamos el valor de las variables de mas arriba menos uno, si es cero no mostrara el enlace para moverla
$a2=$aa+1;
$zzs=$var[$a2];//aca recuperamos el valor de las variables de mas arriba mas uno, si es cero (porque no existe) no mostrara el enlace para moverla
echo"<img src='$vermisfotos' width=100px height=100px border=0><br/>";
//si algun valor es igual a cero, no muestra el enlace para mover la imagen par ese lado
if($zza){echo"<a href='mover-imagenes.php?id=".$zz."&idm=".$zza."'><img src='objetos/flecha-izq.jpg' title='MOVER HACIA LA IZQUIERDA' width=25px height=25px border=0></a>";
}else{echo"";}
if($zzs){
echo"<a href='mover-imagenes.php?id=".$zz."&idm=".$zzs."'><img src='objetos/flecha-der.jpg' title='MOVER HACIA LA DERECHA' width=25px height=25px border=0></a>";
}else{echo"";}
$aa=$aa+1;//aumentamos $aa en 1
}//fin while

[waldragon]

Y ahora el archivo que las mueve
mover-imagenes.php

mover-imagenes.php
//id de la imagen a mover
$id=$_GET['id'];
//id de la imagen que esta a la izq o derecha de la anterior (segun se quiera)
$idm=$_GET['idm'];
//cambiar la id de la imagen a mover, a cero (0)
$sql = "UPDATE abcde_imagenes SET id = 0 WHERE id=".$id."; ";
mysql_query($sql);
//cambiar la id de la imagen que estaba antes o despeues de la imagene a mover,
//al valor de la id de la imagen a la que se le puso id = cero(0)
$sql = "UPDATE abcde_imagenes SET id = ".$id." WHERE id=".$idm."; ";
mysql_query($sql);
//y por ultimo cambiamos la id que antes pusimos a cero,
//por la id de la que estaba antes o despues de la primera
$sql = "UPDATE abcde_imagenes SET id = ".$idm." WHERE id=0 ";
mysql_query($sql);
//y ahora volvemos para ver el resultado del cambio
?>
<script>
location.replace('ver-imagenes.php?');
</script>

ya con eso funciona, pueden verlo aca http://www.avionesenguerra.com.ar/mo...r-imagenes.php
espero sus comentarios, gracias.

[andresdzphp]

Voy a colorear el código para que otros lo puedan revisar. Por cierto muy interesante tu aporte, seguro a más de uno le va a dar buenas ideas. Saludos.

ver-imagenes.php

Código PHP:

<?php
//primero seleccionamos las id de las imagenes y creamos una variable para cada una
$aaa = 1;
$sentencia = "SELECT id FROM imagenes ORDER by id asc";
$imagenes = mysql_query($sentencia) or die("Error al tratar de ver la imagen" . mysql_error());
while ($imag = mysql_fetch_object($imagenes)) {
    $ccc = $imag->id;
    $var[$aaa] = "$ccc"; //creamos la variable $var1, $var2, $var3.........etc
    $aaa = $aaa + 1; //aumentamos el valor de $aaa en 1
}
//---------------------
//ahora mostramos las imagenes en cuestion y los enlaces con las flechas para mover a la derecha o a la izquierda
$aa = 1;
$sentencia = "SELECT * FROM imagenes ORDER by id asc";
$result = mysql_query($sentencia) or die("Error al ver las imagenes" . mysql_error());
while ($ima = mysql_fetch_object($result)) {
    $vermisfotos = $ima->imagen; //ruta de la imagen
    $zz = $ima->id;
    $a1 = $aa - 1;
    $zza = $var[$a1]; //aca recuperamos el valor de las variables de mas arriba menos uno, si es cero no mostrara el enlace para moverla
    $a2 = $aa + 1;
    $zzs = $var[$a2]; //aca recuperamos el valor de las variables de mas arriba mas uno, si es cero (porque no existe) no mostrara el enlace para moverla
    echo "<img src='$vermisfotos' width=100px height=100px border=0><br/>";
    //si algun valor es igual a cero, no muestra el enlace para mover la imagen par ese lado
    if ($zza) {
        echo "<a href='mover-imagenes.php?id=" . $zz . "&idm=" . $zza .
         "'><img src='objetos/flecha-izq.jpg' title='MOVER HACIA LA IZQUIERDA' width=25px height=25px border=0></a>";
    } else {
        echo "";
    }
    if ($zzs) {
        echo "<a href='mover-imagenes.php?id=" . $zz . "&idm=" . $zzs .
         "'><img src='objetos/flecha-der.jpg' title='MOVER HACIA LA DERECHA' width=25px height=25px border=0></a>";
    } else {
        echo "";
    }
    $aa = $aa + 1; //aumentamos $aa en 1
}//fin while
?>
 

mover-imagenes.php

Código PHP:

<?php
//id de la imagen a mover
$id=$_GET['id'];
//id de la imagen que esta a la izq o derecha de la anterior (segun se quiera)
$idm=$_GET['idm'];
//cambiar la id de la imagen a mover, a cero (0)
$sql = "UPDATE abcde_imagenes SET id = 0 WHERE id=".$id."; ";
mysql_query($sql);
//cambiar la id de la imagen que estaba antes o despeues de la imagene a mover,
//al valor de la id de la imagen a la que se le puso id = cero(0)
$sql = "UPDATE abcde_imagenes SET id = ".$id." WHERE id=".$idm."; ";
mysql_query($sql);
//y por ultimo cambiamos la id que antes pusimos a cero, 
//por la id de la que estaba antes o despues de la primera 
$sql = "UPDATE abcde_imagenes SET id = ".$idm." WHERE id=0 ";
mysql_query($sql);
//y ahora volvemos para ver el resultado del cambio
?>
<script>
location.replace('ver-imagenes.php?');
</script>
 

http://www.avionesenguerra.com.ar/mo...r-imagenes.php

[waldragon]

Muchas gracias, tambien se puede usar para cambiar el orden en que se ven las categorias de un foro o algo asi, espero que lo encuentren util.

[enzonotario]

Me gustaria hacer algo como esto pero que el usuario pueda seleccionar la imagen con el mouse y arrastrarla hasta el lugar donde quiere que quede... seria con jquery, conocen algun script que ya este hecho como para implementarlo?

[SirDuque]

Huy que copado te pasaste waldragon.
Les tiro una idea de uso...
Supongamos que tenemos una lista de amigos (chat,foro,pagina,etc..) y con esta herramienta le podemos dar un orde de preoridad para verlos, como rango o como en algunos Juegos Online promover amigo, degradar amigo.

[waldragon]

Muchas gracias por el voto positivo sirduque, muy buena tu idea, pero tendrias que crear otra tabla como amigos, y ahi si cada usuario podria darle un orden quienes agregue como amigos, saludos.

[pithon]

muy buen aporte waldragon solo queria felicitarte, saludos.

[waldragon]

Iniciado por pithon

muy buen aporte waldragon solo queria felicitarte, saludos.

Muchas gracias, espero que te haya servido para tus proyectos, saludos.