Written by zir3 at 2008.05.30
Pos estimados lectores disculpen el tiempo que ha pasado desde mi ultimo post pero por causas de tiempo no habia podido redactar, y pues me voy a tomar unos mins. en el trabajo para redactar este mini how-to, que muchos diran no tiene nada de ciencia pero a otros si les servira y con "chance" hasta lo apliquen jejejjejej, en fin basta de palabrerios y a meterle a la carnita.
Introduccion El fin de este image slideshow con PHP y JS es el de crear un visor de imagenes con sus clasicos botones izquierda y derecha para avanzar o retroceder las images. Esta funcion en JS es realmente facil, pero al querer manejar imagenes dinamicas o variables se complica un poco la situacion.
De lado del cliente
Para comenzar nos enfocaremos en el JS(lease
JavaScript) que realizara las acciones de avanzar y retroceder las imagenes.
function imgsSlide(btn){
if ($imagenes.length==0)
return false;
else{
var $img = document.getElementById('slide');
var $href = document.getElementById('refimg');
var $dir = "/data_user/thumbs/";
var $dir2 = "/data_user/";
switch(btn){
case 'init':
$img.src= $dir+$imagenes[0];
$img.title= $titulos[0];
$href.href = $dir2+$imagenes[0];
break;
case 'next':
if($step<$imagenes.length-1)
$step++;
else
$step = 0;
$img.src= $dir+$imagenes[$step];
$img.title= $titulos[$step];
$href.href = $dir2+$imagenes[$step];
break;
case 'back':
if($step>0)
$step--;
else
$step = $imagenes.length-1;
$img.src= $dir+$imagenes[$step];
$img.title= $titulos[$step];
$href.href = $dir2+$imagenes[$step];
break;
}
}
El lado del cliente en español, con manzanas y masticado.....function imgsSlide(btn){
if ($imagenes.length==0)
break;Definimos la funcion
imgsSlide y que reciba un argumento el cual obtendra el nombre de
btn, acontinuacion obtenemos el tamaño del vector $imagenes (
$imagenes.length==0) y si es igual a cero terminamos el script con el comando
break(¿para que llenar de errores el navegador? xD).
else{
var $img = document.getElementById('slide');
var $href = document.getElementById('refimg');
var $dir = "/data_user/thumbs/";
var $dir2 = "/data_user/";Ahora bien que si el tamaño del arreglo $imagenes es mayor a 0 declaramos las variables $img, $href, $dir y $dir2.
$img = En esta variable almacenaremos el objeto imagen con el
"id" slide.
$href = Esta variable almacena el objeto href con el "id"
refimg.
$dir = En esta variable almacenamos la ruta al directorio de los thumbnails de las imagenes(en futuro POST les mostrare como hacer de manera facil un generador de thumbnails con PHP).
$dir2 = En esta variable se almacena la ruta a las imagenes en tamaño original.
switch(btn){
case 'init':
$img.src= $dir+$imagenes[0];
$img.title= $titulos[0];
$href.href = $dir2+$imagenes[0];
break;Ahora ya todo declarado y listo comenzamos a activar el slideshow con un condicional
switch() al cual pasaremos como parametro la variable
btn la cual se paso como argumento a la funcion al llamarla, en esta variable se aloja la accion a realizar por el JS y la cual le dira al switch() que decision tomar(
case) y ejecutar el bloque de instrucciones que le corresponde(lo que esta entre
case y
break), como todo en esta vida tiene un inicio pues la primera decision posible a elegir es la de inicio, en nuestro script llamada
init, la cual se encargara de mostrar la primera imagen de la
n cantidad de imagens almacenadas en el vector. El bloque de lineas queda asi en español:
$img.src= $dir+$imagenes[0]; Objeto imagen de la web muestra el thumbnail de la primera imagen que se encuentre en la lista de imagenes.
$img.title= $titulos[0]; Objeto imagen ponte de titulo el primer titulo encontrado en la lista de titulos.
$href.href = $dir2+$imagenes[0]; Cuando de "clic" a la imagen quiero que me habras la imagen a su tamaño original.
case 'next':
if($step<$imagenes.length-1)
$step++;
else
$step = 0;
$img.src= $dir+$imagenes[$step];
$img.title= $titulos[$step];
$href.href = $dir2+$imagenes[$step];
break;
Written by zir3 at 2008.05.26
Navegando por la red me encuentro con este sitio llamado
Ajaxdaddy donde encontraremos un extenso repositorio de soluciones en
AJAX, especial para aquellos que no tienen tiempo para dedicarse a aprender esta tecnología o quieren bajar,editar(si acaso) y usar o simplemente para aprender usándolos como ejemplo. Aproposito de esto espero mañana redactar algún mini how-to de
AJAX para todos aquellos principiantes o que se han encontrado con algun problemita.
P.D ya se encuentran algunas recetas nuevas en
¿como carajos?
Written by zir3 at 2008.05.24
Muchos se habrán dado cuenta(o, no) en mis correos(e-mail) siempre utilizo la frase "cogito ergo sum" dentro de mi firma, pues aquí les extiendo la información de donde proviene esta frase y así me evito andar dando explicaciones a cada persona inculta en esta área que recibe un correo mio.
La locución latina Cogito ergo sum, que en español se traduce como Pienso, luego existo (o pienso, por lo tanto, existo) o más tradicionalmente, pienso, luego, yo soy, es un planteamiento filosófico de René Descartes, el cual se convirtió en el elemento fundamental del racionalismo occidental. "Cogito ergo sum" es una traducción del planteamiento original de Descartes en francés: "Je pense, donc je suis", encontrado en su famoso Discurso del método (1637).
Cogito ergo sum....
Written by zir3 at 2008.05.24
Pues como les había comentado estoy colaborando en un
proyecto sitio llamado
¿como carajos?a grandes razgos les explico que el sitio se trata de una recopilación de tutoriales, manuales, tips y anexas para ayudar a los novatos de GNU/Linux con varios temas muchas veces escamosos y a los mas avanzados manteniendo apuntes de la clásica pregunta que siempre nos hacemos ...¿como carajos....? se hacia, lo hice?.
¿cuántas veces no hemos lanzado esa frase con alguno de sus variados complementos?
¿cómo carajos se hacía …? ¿cómo carajos era? ¿cómo carajos funcionaba? ¿¡cómo carajos!?
Pues este pequeño proyecto sitio prentende ofrecerte un contenido de recetas rápidas, sencillas y cortas,
enfocadas principalmente a Debian pero en general sobre cualquier distribución de GNU\Linux.
¿como carajos?
Written by zir3 at 2008.05.20
Según este sitio soy bastante malvado, aunque la imagen es bien putesca :s.
You Are 62% Evil
|
You are very evil. And you're too evil to care.
Those who love you probably also fear you. A lot.
|
Y según esta mi cyber nombre decodificado, mmmmm...
Get Your Cyborg Name
Written by zir3 at 2008.05.20
Pues asi es en este país donde todo se mueve por las grandes empresas y el dinero, leyendo el periódico de hoy me encuentro con dos noticias, en el diario de Yucatán, que me dejaron con cara de o_O WTF? pues resulta que ante nuestras autoridades y leyes un
"pirata informatico" es equivalente a un
pedofilo pues como podran observar el "pirata informatico" recibe - "Una pena de seis años, seis meses de prisión y nueve mil días de multa,
equivalente a 428 mil 400 pesos, le impusieron a Edgar Rubio Corazón,
un joven de 26 años de edad quien se dedicaba a comercializar de manera
ilícita música, películas y series de televisión" - y el pedofilo - "Por el delito de pornografía infantil, Ricardo Antonio Nicolás fue
sentenciado a siete años de prisión y a pagar una multa de 52,590 pesos" - que aunque si bien se apelo para una pena mas alta, como es posible que reciban un "castigo" casi igual el hdp que vende pornografía infantil(que deberían asesinar, por cierto), que el huey que vende películas,discos y anexas que si bien es un daño para las empresas en muchas ocasiones ellos se lo buscan con sus elevados costos en la venta de sus productos. Definitivamente vamos de mal en peor con nuestras leyes.
Written by zir3 at 2008.05.18
Disculpen si no he actualizado este blog pero esta semana anduve muy ocupado con el trabajo y la escuela aparte de otras cosas personales y familiares que al día de hoy me tienen encabronado pero en fin por el momento les dejo el link a mi primera clase PHP publicada
http://phpclasses.nlared.com/browse/package/4534.html su funcionalidad es simple y tiene como finalidad la creación de elementos HTML de manera fácil cuando se manejan dentro de programación con PHP asi como algunas funciones extras como en creación de select lists y acciones "comunes" de javascript, en el link encontraran un archivo de ejemplo para que comiencen sus practicas así como todo el código esta documentado.
SALUDOS
Written by zir3 at 2008.05.14
20. "Pues es raro…"
19. "Nunca había pasado antes."
18. "Pues ayer funcionaba…"
17. "¿Cómo es posible?"
16. "Tiene que ser un problema de tu hardware."
15. "¿Qué hiciste mal para lograr que fallara?"
14. "Algo debe de estar mal en tus datos."
13. "¡Si no he tocado ese módulo en meses!"
12. "Debes de estar usando una versión anterior."
11. "Es sólo una desafortunada coincidencia."
10. "¡Es que no lo puedo probar todo!"
9. "ESTO, no puede ser la causa de ESO."
8. "Funciona, pero no lo he probado."
7. "¡Alguien debe de haber cambiado mi código!"
6. "¿Has comprobado que no haya algún virus en tu sistema?"
5. "Ya se que no funciona, ¿pero te gusta?"
4. "No puedes utilizar esa versión en tu sistema"
3. "¿Por qué quieres hacer eso?"
2. "¿Y tú dónde estabas cuando se colgó el programa?"
Y la respuesta número uno de los programadores con programas que no funcionan es:
1. "¡EN MI MÁQUINA SI FUNCIONA!"
Written by zir3 at 2008.05.13
En estos momentos no se que pensar no se que decir, digo normalmente no tengo mucho que decir, pero hoy necesitaba decir algo importante, algo que hiciera a una persona no ahogarse en su lamento; lamento contajiado que me tiene sintiendo muchas cosas que no se como expresa, cosas que no se porque siento y mas cuando no soy el afectado directo, pero su dolor se me ha contajiado.
Toda esta tormenta golpea mi mente y mi ser, en estos momentos, como decenlaze de una historia que podria tener muchas catalogaciones pero creo que al final fue drama..... no soy nadie para contarla y menos para juzgarla.
Simplemente aprovecho este espacio para "desahogar" un poco las cosas que pasan por mi mente pero no son las correctas para decir, simplemente debo tragarlo y ya, simplemente debemos seguir, simplemente lo vamos a superar..... siempre hay que estar preparados para "el cambio" aunque este sea dificil.
Forever with you, my general, my brother in arms....
¿Contraseña olvidada?
Obtén tu cuenta