Fancybox 2 Gallery by Ajax response

Llamamos una galeria desde la etiqueta HTML <a href=’javascript:void(0);’ id=” />galeria</a> usando Ajax generado por PHP

Codigo Javascript:

 
jQuery(function($)
{
        //al hacer click en determinada etiqueta ejecutamos la llamada ajax y con la respuesta
        //recogida generamos un slide show
        $('.gellery_from_link a').live('click', function()
	{
		var item = $(this); //get a href
 
		$.fancybox.showActivity();
 
		$.ajax({
			url: '?action=gallery&rand='+Math.random(), //rand for hotlink scripting
			data: 'gallery_id='+item.attr('id'), // get a href id for generate ajax result
			type: 'POST',
			dataType: 'json',
			cache: false,
			success: function(data)
			{
				$.fancybox(data,
				{
					type: 'image', //important
					autoScale: true,
					transitionIn:	'elastic',
					transitionOut:	'elastic',
					padding: 20,
				});
			}
		});
 
	});
});
 

Php > generando la respuesta ajax:

 
< ?php
 
//Hot Link script
function IsHotlink()
{
	$domain = explode("/",$_SERVER['PHP_SELF']);
	$isFromDomain = strstr($_SERVER['HTTP_REFERER'],$domain[2]);
	$isFromAjax = $_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest';
	$isHotlink = !$isFromDomain && !$isFromAjax;
	return $isHotlink;
}
 
if( $_REQUEST['action'] == 'gallery' && !IsHotlink() )
{
	$dm->gallery_id = $_REQUEST['gallery_id']; //recogemos $_POST id de la galleria
 
	$dm->fdir = "gallery/".$dm->gallery_id."/"; //ruta hasta lacarpeta con id de la galeria
	$dm->fItems = read_dir($dm->fdir);
 
	$dm->items = array();
 
	foreach( $dm->fItems as $v => $k )
	{
		array_push($dm->items, array('href' => $dm->fdir.$dm->fItems[$v]) );
	}
 
	exit( json_encode( $dm->items ) ); //generamos la respuesta ajax y cerramos el documento.
 
/*
ejemplo de la respuesta:
[href: "/gallery/2011-11-25_1.JPG", href: "/gallery/2011-11-25_2.JPG"]
*/
}
?>
 

Sotaventobcn.com

sotaventobcn.com
Url: http://sotaventobcn.com/

Cliente: GrupoCostaEste
Información: Muntaner 240 3°2° 08021 BARCELONA (93) 414-63-62
Estado: Operativa (BETA)

Sotavento, situado en un emplazamiento ideal, enfrente de la playa y con unas privilegiadas vistas al mar, ofrece servicios de Restaurante, Bar, y Club.

Equipo:

  • Diseño: Alberto Ventosa Rodriguez
  • Supervisores: Arturo Segura & Alfonso Sostres
  • Seo / Comunity manager: Ivan Sanchez Lopez

Tecnología usada:

  • Css3
  • Html5
  • JavaScript (jQuery)
  • Ajax
  • Facebook Graph
  • Twitter Api
  • en base de WordPress

Lenguas: Español y Ingles

iPhone Design Template

> Download PDF Format

Simple plantilla con puntos milimetricos para desarollo web/app’s

Homologación Legal

homologacionlegal.com
Url: http://homologacionlegal.com/

Cliente: Alex y Neftalí
Información: Ronda de General Mitre 116, bajos 08021 Barcelona – Tel: (+34) 93 112 08 50
Estado: Beta Testing

En CAHL – Centro de Asesoramiento y Homologación Legal le orientamos sobre los procedimientos que debe realizar para poder iniciar los trámites de homologación de todo tipo de diplomas, titulos y otros documentos.

Tecnología usada:

  • Css3
  • Html5
  • JavaScript (jQuery)
  • Ajax
  • Twitter
  • en base de WordPress

Lenguas: Ingles y Español

Cachitos Barcelona

cachitosbcn.com
Url: http://cachitosbcn.com/

Cliente: GrupoCostaEste
Información: Muntaner 240 3°2° 08021 BARCELONA (93) 414-63-62
Estado: Operativa

No hay amor más sincero que el amor a la comida “George Bernard Shaw” una frase con cual se identifica un nuevo local de centro de Barcelona. Es un local de tapas y copas totalmente distinto a los que proponen una oferta culinaria similar. El local dispone de varias plantas y una terraza.

Tecnología usada:

  • Css3
  • Html5
  • JavaScript (jQuery)
  • Ajax
  • Facebook Graph
  • en base de WordPress

BMC 2011

barcelonamusicconference.com
Url: http://barcelonamusicconference.com/

Cliente: GrupoCostaEste
Información: Muntaner 240 3°2° 08021 BARCELONA (93) 414-63-62
Estado: Operativa

Propuesta de diseño para una fiesta anual cual tomara hogar en el local OpiumMar de Barcelona.
Cada año esta fiesta atrae a mejores Dj’s de la actualidad de todo el mundo.

Tecnología usada:

  • Css3
  • Html5
  • JavaScript (jQuery, Modernizr)
  • Ajax
  • Twitter API, Facebook Graph y Youtube Api
  • en base de WordPress

Lenguas: Ingles y Español

SAMSARA LOUNGE CLUB Splash

samsaralounge.es
Url: http://www.samsaralounge.es/

Cliente: GrupoCostaEste
Información: Muntaner 240 3°2° 08021 BARCELONA (93) 414-63-62

Splash temporal para un Lounge Club que se situa en C/Tuset 10, 08021 de Barcelona tel:934 146 362

Tecnología usada:

  • Css2
  • Html

CACHITOS Splash

cachitosbcn.com
Url: http://www.cachitosbcn.com/

Cliente: GrupoCostaEste
Información: Muntaner 240 3°2° 08021 BARCELONA (93) 414-63-62

Splash temporal para un restaurante recien inagurado que se situa en Rambla de Catalunya nº33, 08017 BARCELONA – Tel: 93 215 2718.

Tecnología usada:

  • Css2 / Css3
  • Html
  • JavaScript

Bamboo fun revive your brouken stylus

Posiblemente algún día podéis tener tan mala suerte de que vuestro querido boli “stylus” de vuestra tableta gráfica se caiga al suelo y el puntero ya no funcione :(

Por desgracia hoy en día estos recambios son caros un nuevo boli “stylus” básico nos cuesta unos 35,90€ sin IVA (CTE-450).

En el caso de que no nos funciona la punta pero la goma o el puntero inverso si, no todo esta perdido.

Ya que mi boli ya no funcionaba decidí desmontar-lo y echarle un vistazo de que hay dentro…

¿Como se desmonta?

Nota: Todas las piezas están puestas a presión.

  • 1) Hay que quitar cuidadosamente la tapita que se sitúa después de los dos botones.
  • 2) Quitamos los botones que se sujetan en medio.
  • 3) Cuidadosamente abrimos el boli “stylus” por la mitad, separando la parte del puntero con la base.
  • 4) Cuidadosamente separamos la placa PCB del puntero sacando así la punta.

… y me encontré con una sorpresa.

Resulta que nuestro boli tiene dos resistencias en forma de tubito y bobina de dos capas. Primera capa tiene 37 vueltas de alambre y la segunda que va por encima 35 vueltas. Una vez des-soldadas las dos piezas las he medido con un tester, y las dos median 3.5 ~ 3.7ohm.

Antes de des-soldar los alambres recomiendo marcar uno de los bornes L1 o L2 con un boli. Para luego poder volver a soldar-los correctamente. Evidentemente he decidido suprimir la bobina de la goma ya que nunca la he usado… con cuidado la he cambiado de sitio y vuala!!! Mi boli “stylus” ha vuelto a la vida :)