Comunidad de diseño web y desarrollo en internet online

link de una imagen a un texto utizando prettybox... Ayuda por favor.

Citar            
MensajeEscrito el 26 May 2012 04:16 pm
Hola a todos,

Por favor, a ver si alguien me puede ayudar pues estoy desesperada de intentarlo...

Quiero realizar una index con Dreamweaver y que en mi página inicio aparezca un icono (imagen) que este enlazado a mi CV (texto, .doc) y quiero utilizar el efecto de transición prettybox que he leído en este mismo foro que admite textos.

En la página index intento lincar mi imagen a mi texto desplegando la flechita de Dreamweaver. En mi sitio he incluido las carpetas del prettybox y he copiado y pegado en mi "index.html" el código que aparece en la página de prettybox, en "documentation"

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

Pero el caso es que no consigo que se me despliegue el documento ".doc"

He copiado y pegado en mi "index" este código que me indica prettybox pero lo único que aparece en mi pagina es un link y el texto de lorem ipsum.

<a href="#inline-1" rel="prettyPhoto" ><img src="/wp-content/themes/NMFE/images/thumbnails/earth-logo.jpg" alt="" width="50" /></a>
<div id="inline-1" class="hide">
<p>This is inline content opened in prettyPhoto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>
</div>



Por favor, alguien caritativo me podría indicar dónde estoy cometiendo el error??? Yo ya no sé que probar más...

Gracias a todos.

Por monipeni

15 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 May 2012 06:11 pm
Perdonar el lapsus... quise decir PRETTYPHOTO, no PrettyBox, que no existe... Existe el LightBox... Ha sido un lapsus, perdonarme... estoy intentando lincar a mi web un texto utilizando prettyphoto...

Por monipeni

15 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 May 2012 07:26 pm
No solo no me funciona en PrettyBox el enlace al texto, ahora he caido en la cuenta que no me funciona ni con una simple foto. He colocado en mi sitio las 3 carpetas que vienen en el prettyphoto tras descargarlas de la página web... he incluido una simple foto en mi escenario, en dreamweaver y la he enlazado a otra diferente, ambas en mi mismo sitio... He copiado y pegado en mi página web el código que viene en la página del prettyphoto, el de enlace de las galerias y el de la función de prettyphoto. He creado el enlace en la imagen a la función prettyphoto y hasta he dejado el título que viene de ejemplo. Actualizo lanzando desde dreamweaver en googlechrome y NO ME APARECE EL EFECTO.


Por favor, alguien que tenga experiencia con el prettybox me puede ayudar a saber en qué me estoy equivocanco, lo agradecería mucho.


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>prettyPhoto</title>

<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>


</head>

<body>
<a href="foto1.jpg" rel="prettyPhoto" title="This is the description"><img src="foto2.jpg" width="804" height="568" /></a>
</body>
</html>

Por monipeni

15 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.