Ver Mensaje Individual
  #67 (permalink)  
Antiguo 27/09/2010, 12:56
marilinadg
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 17 años, 3 meses
Puntos: 1
Respuesta: Galeria fotos Jquery

Sandino, te paso el código del zo-galery.php


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Vecino Manjarin - Fracciones industriales</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="Fracciones industriales - terrenos - lotes" />
<meta name="Author" content="Estudio Blazar" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="jquery.ad-gallery.css" type="text/css" media="screen" />
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.ad-gallery.js" type="text/javascript"></script>
<script src="jquery.ad-gallery.pack.js" type="text/javascript"></script>

<script>

</script>
</head>
<body>
<!-- Wrapper Starts -->
<div id="wrapper" class="clearfix">
<!-- Sidearea Starts -->
<div id="sidearea">
<!-- Logo Starts -->
<div id="logo"><h1><a href="index.html"></a></h1></div>
<!-- Logo Ends -->
<!-- Side Content Starts -->
<div id="side-content">
<!-- Featured Info Block Starts -->
<div class="sblock">
<!-- Featured Block Heading Starts -->
<div class="sblock-top">Sector Industrial Cina Cina</div>
<!-- Featured Block Heading Ends -->
<!-- Featured Block Content Starts -->
<div class="sblock-bottom">
<p><img src="images/web-cina-cina.jpg" alt="image1" width="205" height="90" border="0" usemap="#Map2" />
<map name="Map2">
<area shape="rect" coords="4,5,206,92" href="cina-cina.html">
</map>
</p>
<p>Unico sector industrial de 3º categoría en la zona oeste, apto para todo tipo de industrias químicas, impulsado por la Cámara de la Industria de Gral. Rodriguez.</p>
<p class="clearfix"><a href="cina-cina.html" class="floatright readmore">leer más .. </a></p>
</div>
<!-- Featured Block Content Ends -->
</div>
<!-- Featured Info Block Ends -->
<!-- Contact Details Starts -->
<p class="center textbold fc1 fs1">Contáctenos</p>
<p class="center phone">(011) 3970-7342</p>
<p class="center phone">(15) 6933-4836</p>
<p class="center phone">(15) 4071-1349</p>
<p class="center email">[email protected]</p>
<p class="center"><img src="images/digr.gif" alt="Call" width="89" height="86" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="1,2,89,84" href="cina-cina.html" />
</map>
</p>
<p class="center font-11"><strong>Desarrollos Integrales<br />
General Rodriguez</strong></p>
<!-- Contact Details Ends -->
</div>
<!-- Side Content Ends-->
</div>
<!-- Sidearea Ends -->
<!-- Mainarea Starts -->
<div id="mainarea">
<!-- Menu Starts -->
<div id="menu">
<!-- Menu Items Starts -->
<ul>
<li><a href="index.html">home</a></li>
<li><a href="zona-oeste.html">zona oeste</a></li>
<li><a href="acceso-oeste.html">acceso oeste</a></li>
<li><a href="zona-norte.html">zona norte</a></li>
<li><a href="contact.html">contactenos</a></li>
</ul>
<!-- Menu Items Ends -->
</div>
<!-- Menu Ends -->
<!-- Main Content Starts -->
<div id="main-content">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="jquery.ad-gallery.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.ad-gallery.js?rand=995"></script>
<script type="text/javascript">
$(function() {
$('img.image1').data('ad-desc', 'Whoa! This description is set through elm.data("ad-desc") instead of using the longdesc attribute.<br>And it contains <strong>H</strong>ow <strong>T</strong>o <strong>M</strong>eet <strong>L</strong>adies... <em>What?</em> That aint what HTML stands for? Man...');
$('img.image1').data('ad-title', 'Title through $.data');
$('img.image4').data('ad-desc', 'This image is wider than the wrapper, so it has been scaled down');
$('img.image5').data('ad-desc', 'This image is higher than the wrapper, so it has been scaled down');
var galleries = $('.ad-gallery').adGallery();
$('#switch-effect').change(
function() {
galleries[0].settings.effect = $(this).val();
return false;
}
);
$('#toggle-slideshow').click(
function() {
galleries[0].slideshow.toggle();
return false;
}
);
});
</script>
<div id="container">
<h1>Terrenos en Zona Oeste</h1>


<div id="gallery" class="ad-gallery">
<div class="ad-image-wrapper"></div>
<div class="ad-controls">
</div><br>
<div class="ad-nav">
<div class="ad-thumbs">
<ul class="ad-thumb-list">
<?php

$conexion = @mysql_connect('localhost', 'vecinoma_fer2010', 'manjarin2010') or die ("Error al conectarse al host $host con el usuario $usuario");

mysql_select_db('vecinoma_admin',$conexion) or die ("Error al seleccionar la base
$basededatos.");

$id_galeria = $_GET["id_galeria"];

$consulta = "SELECT id,Titulo, Descripcion, url_foto, url_thumb FROM Lotes WHERE id_galeria=$id_galeria";

$qry=mysql_query($consulta,$conexion);

while ($row = mysql_fetch_array($qry,MYSQL_BOTH)){

$id = $row['id'];
$titulo_imagen = $row['Titulo'];
$desc_imagen = $row['Descripcion'];

$src_imagen = '/images/'. basename( $row['url_foto']);
$thumb_imagen = '/thumbs/'.basename($row['url_thumb']);

echo "<li>
<a href='$src_imagen'> <img src='$thumb_imagen' title='$titulo_imagen' longdesc='$desc_imagen' class='image$id'> </a>
</li>";

}



?>


</ul>

</div>
</div>

</div>
<br> <p>Elija el modo de ver las imágenes
<select name="switch-effect" id="switch-effect">
<option value="slide-hori">Slide horizontal</option>
<option value="slide-vert">Slide vertical</option>
<option value="resize">Shrink/grow</option>
<option value="fade">Fade</option>
<option value="">None</option>
</select>
| <a href="#" id="toggle-slideshow">Activar presentación de diapositivas</a>
</p>
</div><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
</body>
</html>
</div>
<!-- Main Content Ends -->
</div>
<!-- Mainarea Ends -->
</div>
<!-- Wrapper Ends -->
<!-- Footer Outer Starts -->
<div id="footer-outer">
<!-- Footer Starts -->
<div id="footer">
<p><a href="index.html">Home</a> | <a href="zona-oeste.html">Zona Oeste</a> | <a href="acceso-oeste.html">Acceso Oeste</a> | <a href="zona-norte.html">Zona Norte</a> | <a href="contact.html">Contáctenos</a></p>
<p>Copyright &copy; 2010 | <a href="http://www.estudioblazar.com.ar">Diseño web</a></p>
</div>
<!-- Footer Ends -->
</div>
<!-- Footer Outer Ends -->
</body>
</html>


Si me dijeras dónde buscar... relei todo mil veces cada post que escribimos a ver dónde estuvo mi error porque hasta recién funcionaba!!!

Es decir hasta que cambié los links por zo-gallery.php?id_galeria=2 , etc, (por ej).

En fin ojalá puedas ayudarme otra vez

PD: Gracias por volver...