últimos mensajes de: rubetron

Mostrar Mensajes
Páginas: [1]

Programación / Desarrollo Web / Re: Fancybox no funciona/ejecuta

en: 12 Mayo 2014, 16:25 pm

Llevo una racha de contestarme a mi mismo tremenda :xD

El problema residia (Y esto nunca me ha pasado) en el orden de las librerias, parece que el Jcycle(slider y slider2) entra en conflicto y hay que cargarlo primero.
Esta mañana estaba saturadisimo con este error y he empece a borrar partes de la pagina hasta terminar en las librerias.

Al final las librerias han quedado asi :

Código:

script type="text/javascript" src="<?=URL_BASE?>/lib/js/slider.js"></script>
<script type="text/javascript" src="<?=URL_BASE?>/lib/js/slider2.js"></script>
        <!-- Add jQuery library -->
	<script type="text/javascript" src="<?=URL_BASE?>lib/jquery-1.10.1.min.js"></script>
	<!-- Add mousewheel plugin (this is optional) -->
	<script type="text/javascript" src="<?=URL_BASE?>lib/jquery.mousewheel-3.0.6.pack.js"></script>

	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="<?=URL_BASE?>source/jquery.fancybox.js?v=2.1.5"></script>
	<link rel="stylesheet" type="text/css" href="<?=URL_BASE?>source/jquery.fancybox.css?v=2.1.5" media="screen" />

	<!-- Add Button helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="<?=URL_BASE?>source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
	<script type="text/javascript" src="<?=URL_BASE?>source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

	<!-- Add Thumbnail helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="<?=URL_BASE?>source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
	<script type="text/javascript" src="<?=URL_BASE?>source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

	<!-- Add Media helper (this is optional) -->
	<script type="text/javascript" src="<?=URL_BASE?>source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
        <link rel="stylesheet" href="<?=URL_BASE?>templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?=URL_BASE?>templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?=URL_BASE?>templates/aczafra/css/default.css" type="text/css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="<?=URL_BASE?>templates/aczafra/images/aczafra.ico">

Programación / Desarrollo Web / Fancybox no funciona/ejecuta

en: 12 Mayo 2014, 13:38 pm

Buenas compañeros:
Llevo un par de dias revisando el codigo de la pagina web a la que estoy al cargo (no esta subida, solo la tengo de forma local)
Me mandaron desvincular esta pagina web www.aczafra.es de Joomla por la carga que producia en el servidor, y va perfecto.
El problema vino cuando hice la sección de galeria:
Me muestra las imagenes y todo eso pero no quiero que al clickear en la imagen te lleve a la ruta absoluta de la imagen. Para esto instale fancybox, de forma que si clickeaba se agrandaba la imagen sin perder de vista la pagina web.
Siguiendo las instrucciones de la pagina oficial y de otras paginas "instale" el plugin pero no funcionaba, clickeabas en la imagen y directamente te llevaba a la ruta absoluta.
Probe en una pagina web nueva y funciona asi que empece a dudar de que fuera la ruta de las librerias y heche un vistazo al codigo: Corregi ciertos fallos de estructura pero aun asi tampoco funcionaba, asi que pense que seria problema de la programacion (No programo de forma secuencial sino orientado a objetos).
Os pongo el codigo a ver si se os ocurre algo:

·Este es el archivo en el que tengo incluidas todas las librerias (la ruta esta mas que comprobada y esta bien, aunque puede que BASE_URL haga conflicto o algo)
(URL_BASE es un objeto que apunta al directorio raiz)

Código:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="<?=URL_BASE?>templates/aczafra/images/aczafra.ico">
<script type="text/javascript" src="<?=URL_BASE?>/lib/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="<?=URL_BASE?>/lib/js/slider.js"></script>
<script type="text/javascript" src="<?=URL_BASE?>/lib/js/slider2.js"></script>
<link rel="stylesheet" href="<?=URL_BASE?>templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?=URL_BASE?>templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?=URL_BASE?>templates/aczafra/css/default.css" type="text/css" />
<script type="text/javascript" src="<?=URL_BASE?>/lib/js/source/jquery.fancybox.js?v=2.1.5"></script>
<script type="text/javascript" src="<?=URL_BASE?>/lib/js/jquery.mousewheel-3.0.6.pack.js"></script>
<link rel="stylesheet" type="text/css" href="<?=URL_BASE?>/lib/js/jquery.fancybox.css?v=2.1.5" media="screen" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

·Y aqui parte del codigo de la pagina

Código:

                     ·
                     ·
                     ·
<script type="text/javascript">
		$(document).ready(function() {
			
			$('.fancybox').fancybox();
		}
	</script>
	    <style type="text/css">
			.fancybox-custom .fancybox-skin {
				box-shadow: 0 0 50px #222;
			}
	
	    </style>

                     ·
                     ·
                     ·
                       // Extraer imagenes y mostrarlas
$sql = "SELECT * FROM galeryimages WHERE id_galerycategories = :id";
$campos = array('id');
$valores = array($_GET['id']);
$album->setQuery($sql, $campos, $valores, NULL);
if($album->getQuery()->rowCount() == 0)
{
echo '<p>&nbsp;</p><p align="center">No hay albums creados por el momento.</p><p>&nbsp;</p>';
}
else{


while($a = $album->getQuery()->fetchObject())
{
// Comprobamos imagen
$srcImage = 'lib/php/phpthumb/phpThumb.php?src=../../../images/no-image.png&w=150&h=85&zc=1';
$srcImageBig = URL_BASE.'images/no-image.gif';
if($a->file != '' && file_exists('uploads/galery/images/'.$a->file))
{
	$srcImage = URL_BASE.'uploads/galery/images/'.$a->file;
	$srcImageBig = URL_BASE.'uploads/galery/images/'.$a->file;
}
echo '<div class="album2">
	    <a class="fancybox" href="'.$srcImageBig.'">
			<img src="'.$srcImage.'" border="0" width="150" height="85"/></a>
	  </div>';                  
}

Siento que sea todo tan enrevesado y creo que he puesto el codigo que deberia mostrar las imagenes y aumentarlas con el fancybox.

La pagina en si funciona de maravilla con el problema del fancybox que no llega a iniciarse

PD: Los 3 puntos en el codigo significan que hay codigo entre medio pero por ciertas razones obvias no lo puedo poner aqui (Son muchas lineas de codigo :xD

)

3	Programación / Desarrollo Web / Re: Vivir del desarrollo web	en: 12 Mayo 2014, 11:02 am
Yo estoy en la recta final del modulo de redes que son las practicas. Estas practicas de empresa las estoy haciendo en una empresa que se dedica a esto, Utopia, y la verdad es que reciben trabajos de toda España, de aqui en Extremadura hasta de Cataluña.

4	Programación / Desarrollo Web / Re: ¿Qué editor de código utilizas?	en: 12 Mayo 2014, 10:57 am
Yo estoy trabajando en Linux y uso Komodo. Es un editor realmente potente , incluso te puedes descargar la libreria de la pagina oficial de dicho lenguaje para que te salga el autocompletar. Aunque si tengo que ponerle pegas seria el rendimiento. Cuando pasas de las 1000 lineas de codigo, el seleccionar varios elementos llega a ser tedioso http://komodoide.com/

5	Programación / Desarrollo Web / Re: -moz-user-select none no funciona	en: 12 Mayo 2014, 10:54 am
Yo lo que suelo hacer es comentar dentro del archivo de los estilos , por ejemplo, /Estilos calendario/. De esa forma no necesito poner 10 o 20 archivos css aunque en algunos casos vas a necesitar mas de 1 hoja de estilos. Llevo poco tiempo en el mundo del diseño web y ya me he dado cuenta de lo que me puede realentizar la pagina. Claro esta que si esa pagina es de uso exclusivo tuyo o para un grupo reducido de personas, no creo que haya problema con lo que estes haciendo, aunque no se deberia uno aconstumbrar a este tipo de practicas

6	Programación / Desarrollo Web / Re: [DUDA] Similares a PHPThumb	en: 12 Mayo 2014, 10:43 am
Cita de: EFEX en 5 Mayo 2014, 19:37 pm Cada navegador tiene una consola, podrias usuarla para ver lo que esta pasando(No conozco PHPThumb). hay muuuchas, si buscas encontras.. PhPThumb es un , digamos, "plugin" hecho completamente en php que te redimensiona las imagenes para que puedas incluir una galeria de fotos en tu pagina web. El mismo plugin te hace las miniaturas y los enlaces para poder hacer de forma facil un red de albumes y al final la galeria de fotos correspondiente. La pega a este plugin es que se dejo de actualizar en 2010. Al final consegui hacerlo funcionar. Fue un problema con las urls amigables y de la estructura de los archivos que incluia en index. Una vez que he repasado el codigo , me encuentro con otro fallo distinto. Abro nuevo tema.

7	Programación / Desarrollo Web / Re: [DUDA] Similares a PHPThumb	en: 5 Mayo 2014, 12:59 pm
Despues de darle miles de vueltas, resulta que el problema es del navegador. Utilizaba Firefox y luego al utilizar Chrome me mostraba las imagenes. Algo raro es que a mi no se me muestran con Firefox y a mi jefe no se las muestra el Chrome

8	Programación / Desarrollo Web / [DUDA] Similares a PHPThumb [RESUELTO]	en: 5 Mayo 2014, 12:48 pm
Buenas compañeros de codigo. Estoy trabajando con una pagina web que tiene una galeria de imagenes y para mostrar estas imagenes utilizan PHPThumb . El problema es este: ·Algunas imagenes no se muestran y otras se muestran cuando le da la gana a la libreria, es decir, visualizo ,por ejemplo, portada.png y se muestra, al cabo del rato SIN tocar nada salen errores. Estuve buscando informacion sobre esta libreria PHP y me encontre con la grata sorpresa de que es un proyecto abandonado y que los problemas podria darlos por la version del Xampp. ¿Conoceis alguna libreria, preferiblemente parecida, que redimensiones las imagenes y las muestre? Personalmente me da igual si son en JQuery o bien sean PHP puro como PHPThumb. PD: La galeria de fotos va por categorias , las cuales a su vez tienen otras categorias y estas son las que contienen las imagenes(Cada categoria tiene una imagen asignada).

9	Programación / PHP / Re: [DUDA]Sacar registros de una base de datos	en: 22 Abril 2014, 16:52 pm
Si, exactamente. Oh el limit, no se como se me ha podido olvidar. Gracias por la respuesta y tema zanjado.

10	Programación / PHP / [DUDA]Sacar registros de una base de datos	en: 22 Abril 2014, 12:40 pm
Buenas, hace 1 mes que estoy de practicas en una empresa de desarrollo web y he ido aprendiendo lo basico avanzando poco a poco a lo avanzado y esto me ha hecho un poco mas creativo en los trabajos que me mandan y esto hace que me encuentre con problemas antes. El problema con el que me he encontrado es el siguiente: La pagina web trata sobre una asociacion cicloturista y quiero sacar por un lado la proxima ruta(la mas nueva ordenador por fecha) pero esta es facil de sacar por que solo es 1 registro , la duda viene en la siguiente. Y la otra es sacar las ultimas rutas las cuales han sido ya realizadas, es decir, sacar todos los registros anteriores ordenador por fecha. El problema radica en sacar todos los registros menos la primera ruta, la cual todavia no ha sido realizada. Mas que codigo lo que pido es mas bien una orientacion para abordar este problema y de esta forma aprender como solventarlo. Gracias.

Páginas: [1]