galeria imagenes php Hola buenas, necesito hacer una galeria de imagenes para mi web. Buscando por google he encontrado una web con diferentes links a scripts ya hechos. He cogido este. [HIGHLIGHT="HTML"]
Código PHP:
Ver original <html> <head> <title>EasyGallery</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="author" content="Thomas Holtkötter"> <meta name="keywords" content="EasyGallery, WingNut, projects, freitagmorgen.de, www.freitagmorgen.de"> <style type="text/css"> BODY{margin:0 auto;} *{margin:0;padding:0;} .form{font-size:0.9em;margin:0 0 0 8px;} .thumbnails{background-color:#FFF;border:#FFF 2px solid;} .error{background-color:#999;width:100%;font-size:1.0em;font-weight:bold;padding:30px 0 30px 20px;} .link{margin-left:11px;text-decoration:none;color:#666;font-size:0.8em;} </style> <script type="text/javascript" src="slimbox/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="slimbox/js/slimbox2.js"></script> <link rel="stylesheet" href="slimbox/css/slimbox2.css" type="text/css" media="screen" /> </head> <body>
Código PHP:
Ver original </body> [HIGHLIGHT="PHP"] <?php function printError($text) { echo "<div class=\"error\">"; echo "<span class=\"content\">ERROR: $text</span>"; echo "</div>"; exit(); } function createthumb($name,$file,$maxsize) { $maxsize += 8; list($width, $height) = getimagesize("$name/$file"); $width = min($width, $height); $tn = imagecreatetruecolor($maxsize, $maxsize); $image = imagecreatefromjpeg("$name/$file"); imagecopyresampled($tn, $image, 0, 0, 0, 0, $maxsize, $maxsize, $width, $width); if(!is_dir("$name/thumbnails")) { mkdir ("$name/thumbnails", 0777); } imagejpeg($tn, "$name/thumbnails/tn_$file", 90); return true; } ?> <script> <!-- var zoom = 4; var speed = 4; var real = 0; var intervalIn; var divs = document.getElementsByTagName('div'); for (var i=0; i<divs.length; i++) { if (divs[i].id == 'livethumbnail') { var myimg = divs[i].getElementsByTagName('img')[0]; myimg.smallSrc = myimg.getAttribute('src'); myimg.smallWidth = parseInt(myimg.getAttribute('width')); myimg.smallHeight = parseInt(myimg.getAttribute('height')); divs[i].onmouseover = scaleIn; divs[i].onmouseout = scaleOut; if (!myimg.smallWidth) { |
Respuesta: galeria imagenes php <?php if (isset($image)){ if ($image[0] > $image[1]) { echo "myimg.smallWidth = $image[0];\n"; echo "myimg.smallHeight = $image[1];\n"; } else { echo "myimg.smallWidth = $image[1];\n"; echo "myimg.smallHeight = $image[0];\n"; } } ?> real = 0; } else { real = 1; } } } function scaleIn() { var myimg = this.getElementsByTagName('img')[0]; myimg.style['zIndex'] = 100; myimg.src = myimg.smallSrc; var count = 0; var real = 0; intervalIn = window.setInterval(scaleStepIn, 1); return false; function scaleStepIn() { var widthIn = parseInt(myimg.style['width']); var heightIn = parseInt(myimg.style['height']); var topIn = parseInt(myimg.style['top']); var leftIn = parseInt(myimg.style['left']); if(widthIn >= heightIn) { widthIn += speed; heightIn += Math.floor(speed * (3/4)); topIn -= (Math.floor(speed * (3/8))); leftIn -= (speed/2); } else { widthIn += Math.floor(speed * (3/4)); heightIn += speed; topIn -= (speed/2); leftIn -= (Math.floor(speed * (3/8))); } myimg.style['width'] = widthIn; myimg.style['height'] = heightIn; myimg.style['top'] = topIn; myimg.style['left'] = leftIn; count++; if (count >= zoom) window.clearInterval(intervalIn); } } function scaleOut() { window.clearInterval(intervalIn); var myimg = this.getElementsByTagName('img')[0]; myimg.src = myimg.smallSrc; myimg.style['zIndex'] = 50; var interval = window.setInterval(scaleStepOut, 1); return false; function scaleStepOut() { var width = parseInt(myimg.style['width']); var height = parseInt(myimg.style['height']); var top = parseInt(myimg.style['top']); var left = parseInt(myimg.style['left']); if(width >= height) { width -= speed; height -= Math.floor(speed * (3/4)); if(width < myimg.smallWidth + 4) { myimg.style['width'] = myimg.smallWidth; myimg.style['height'] = myimg.smallHeight; myimg.style['top'] = 0; myimg.style['left'] = 0; myimg.style['zIndex'] = 1; window.clearInterval(interval); } else{ myimg.style['width'] = width; myimg.style['height'] = height; myimg.style['left'] = left + (speed/2); myimg.style['top'] = top + (Math.floor(speed * (3/8))); } } else { width -= Math.floor(speed * (3/4)); height -= speed; if(real==1) { if(width < myimg.smallWidth + 4) { myimg.style['width'] = myimg.smallWidth; myimg.style['height'] = myimg.smallHeight; myimg.style['top'] = 0; myimg.style['left'] = 0; myimg.style['zIndex'] = 1; window.clearInterval(interval); } else{ myimg.style['width'] = width; myimg.style['height'] = height; myimg.style['top'] = top + (speed/2); myimg.style['left'] = left + (Math.floor(speed * (3/8))); } } else { if(height < myimg.smallWidth + 4) { myimg.style['width'] = myimg.smallHeight; myimg.style['height'] = myimg.smallWidth; myimg.style['top'] = 0; myimg.style['left'] = 0; myimg.style['zIndex'] = 1; window.clearInterval(interval); } else{ myimg.style['width'] = width; myimg.style['height'] = height; myimg.style['top'] = top + (speed/2); myimg.style['left'] = left + (Math.floor(speed * (3/8))); } } } } } //--> </script>[/HIGHLIGHT] </html>[/HIGHLIGHT] Este codigo lo pongo en una nueva web .html quitandole las etiquetas de html... ya que esta nueva web la abro dentro de un div de mi index.php El problema viene que el efecto que hace al pulsar encima de la imagen y superponertela en la web... no me lo hace sino que la imagen la abre en una web nueva. Alguien sabria como adaptarlo? Gracias si necesitais algo de mi codigo decidmelo. |
Respuesta: galeria imagenes php no me acuerdo muy bien pero creo que es mediante un documento css |
Respuesta: galeria imagenes php Quita el tag target="_blank" de todos los links (<a></a>) Suerte. |
Respuesta: galeria imagenes php no tiene target="_blank" alguien se le ocurre algo mas? |
Respuesta: galeria imagenes php
Código HTML:
Ver original
Código PHP:
Ver original
Código HTML:
Ver original Este seria el codigo de mi index.php y en este ultimo enlace me gustaria llamar a la pagina que contiene el efecto slimbox.... En este enlace esta otro efecto slimbox parecido al que he puesto... es lo mismo practicamente... http://www.digitalia.be/software/slimbox2 |
La zona horaria es GMT -6. Ahora son las 13:21. |
Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2024, Jelsoft Enterprises Ltd.