logo El diario de Pepe Molina (Caricatos)

yo

Mi amigo Jorge Ganderatz (Caricaturas "San Jorge") me pidió cambiar de su página el efecto que copiamos a continuación


Última caricatura

IV Asamblea de la AEC: IV Asamblea General de la Asociación Española de Caricaturistas

IV Asamblea de la AEC

RSS de las imágenes: rss


La Cita

Pensar es como vivir dos veces

Marco Tulio Cicerón, escritor; orador y político romano (106-43 a. C).


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

Rollover en mapa. Caso de estudio

emoticón de Caricatos Publicado el día 05 de agosto de 2011
id=35; categorías: Así se hizo, Vicisitudes de un Webmaster, Programación

Mi amigo Jorge Ganderatz (Caricaturas "San Jorge") me pidió cambiar de su página el efecto que copiamos a continuación:

Foto-caricatura de familia. Minicon Benalmádena 2005 Caricatura de Jorge Ganderatz Firma-Logo de Jorge Ganderatz transparencia
Caricatura de Jorge Ganderatz Firma-Logo de Jorge Ganderatz

Por el mismo efecto pero con la siguiente imagen:

... pero con un tamaño algo mayor (que no mostramos en este apunte para evitar que se descuadre mucho la página).

En principio tenemos que averiguar las nuevas coordenadas del círculo donde se encuentra nuestro amigo, y para ello nos basta con convertir la imagen en un control "image" de un formulario y pinchar con el ratón sobre él.

Se trata de algo parecido al apunte titulado "Colores". Cuando pinchemos en su sitio veremos las coordenadas en el recuadro adjunto, al que hemos añadido otros datos necesarios como el radio del círculo y el color del mismo.

Datos del efecto
Tamaño de la imágen
Coordenadas (captura)
Otras variables

Para este apunte crearemos la figura que nos servirá para mezclar con la imagen original y obtener el círculo rojo con la caricatura de nuestro amigo

Tan solo quedan pequeños detalles para conseguir nuestro efecto, pero lo dejaremos para que estimulen su imaginación quienes necesiten usarlo. Tan solo mostraremos el código que hemos usado para crear nuestra imagen:

$ancho = $_GET["ancho"];
$alto = $_GET["alto"];
$x = $_GET["x"];
$y = $_GET["y"];
$diametromenor = (int) $_GET["radio"] * 2;
$diametromayor = ((int) $_GET["grosor"] * 2) + $diametromenor;
$figura = imagecreatetruecolor($ancho, $alto);
$fondo = imagecolorallocate($figura, 255, 255, 255);
imagefill($figura, 0, 0, $fondo);
$rojo = imagecolorallocate($figura, 255, 0, 0);
imagefilledellipse($figura, $x, $y, $diametromayor, $diametromayor, $rojo);
$negro = imagecolorallocate($figura, 0, 0, 0);
imagefilledellipse($figura, $x, $y, $diametromenor, $diametromenor, $negro);
imagecolortransparent($figura, $negro);
header("Content-Type: image/png");
imagepng($figura);
imagedestroy($figura);

Solo nos queda mencionar que con el mismo formulario tenemos los datos necesarios para crear el área de imagen que usaremos para el efecto rollover.

Zona de comentarios

Este apunte aún no tiene comentarios.

Evaluación

Valoración de esta página: (apunte.35) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 4157 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

http://www.pepemolina.com/postales/Fondos/FONDO010.gif
http://www.pepemolina.com/postales/Navidad/TgC_Navidad_31.gif
http://www.pepemolina.com/postales/Navidad/snow_anm.gif
http://www.pepemolina.com/postales/Navidad/xmastree2.gif
enlace a la postal
Copyright © 2002-2017 www.pepemolina.com
RSS rss | Ver Mapa del sitio