jquery, me tenes loco!!!

[petrinimauro]

Hola que tal?.. la verdad que tengo un problema qe no puedo resolver!!! ...
Este es el codigo:

Código HTML:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript" src="jflow.plus.js"></script>

<link href="../styles/jflow.style.css" rel="stylesheet" type="text/css" />
<div id="container">
 
<div id="mySlides">
   <div id="slide1"><img src="../images/slide1.jpg" />
        <span><h3>daadasdasd</h3><p>me salio? <a href="#" title="Coolness" class="readmore">Read More!</a></p></span>
   </div>
   <div id="slide2"><img src="../images/slide2.jpg" />
        <span><h3>!jaja averga</h3><p>ojala me ahya salida <a href="#" title="Coolness" class="readmore">Read More!</a></p></span>
   </div>
   <div id="slide3"><img src="../images/slide3.jpg" />
        <span><h3>aver petu</h3><p>si te salio <a href="#" title="Coolness" class="readmore">Read More!</a></p></span>    
   </div>
</div>
 
<div id="myController">
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
</div>
 
<span class="jFlowPrev"><div></div></span>
<span class="jFlowNext"><div></div></span>
 
</div>
<script language="javascript">
	$(document).ready(function(){
	    $("#myController").jFlow({
			controller: ".jFlowControl", // must be class, use . sign
			slideWrapper : "#jFlowSlide", // must be id, use # sign
			slides: "#mySlides",  // the div where all your sliding divs are nested in
			selectedWrapper: "jFlowSelected",  // just pure text, no sign
			width: "800px",  // this is the width for the content-slider
			height: "350px",  // this is the height for the content-slider
			duration: 400,  // time in miliseconds to transition one slide
			prev: ".jFlowPrev", // must be class, use . sign
			next: ".jFlowNext", // must be class, use . sign
			auto: true	// true or false
    });
});
</script> 

a la vista esta todo mas que bien.. pero cuando pongo visualizar en el navegador me sale una imagen debajo de la otra como si estarian en fila de forma vertical, osea paradas.

Yo Este codigo lo meti dentro de una FILA. Sera ese el problema? Gracias

PD: Si no entienden lo qe qiero decir por favor diganmen, qe subo foto[/B]

[doylelives]

Lo mas probable es que la ruta de la hoja de estilos no se haya incluido correctamente, primero asegurate de eso.

[petrinimauro]

y como la incluyo?? porq cuando la inclui (uso dreamweaver 8) fui a "textos ---> Estilos css--> Adjuntar hoja de estilo y ahi la vincule..... hize ese paso porq no encontraba donde incluirla.. Otra opcion no puede ser que la haya puesto en una FILA ? gracias

[beni0888]

Iniciado por petrinimauro

y como la incluyo?? porq cuando la inclui (uso dreamweaver 8) fui a "textos ---> Estilos css--> Adjuntar hoja de estilo y ahi la vincule..... hize ese paso porq no encontraba donde incluirla.. Otra opcion no puede ser que la haya puesto en una FILA ? gracias

Para vincular la hoja de estilos en la sección head del documento debes añadir una línea como la siguiente:

<link href="path/a/la/hoja/de/estilos.css" type="text/css" rel="stylesheet" />

Saludos.

[petrinimauro]

si ahi en el codigo qe puse esta

<link href="../styles/jflow.style.css" rel="stylesheet" type="text/css" />

o esta mal eso?

[petrinimauro]

asi me qeda miren:





http://img838.imageshack.us/i/capturadac.jpg/

[JavierB]

Mensaje movido al foro de Frameworks y Plugins Javascript desde JavaScript.

Saludos,

[doylelives]

tip, con firefox puedes ver si el path .css es el correcto. Ctr+u para ver el codigo fuente, y alli busca el .css click en él. Si visualizas el codigo css es porque se incluyó bien, si aparece un mensaje tipo 404 es porque el path no es el correcto.

[petrinimauro]

Iniciado por doylelives

tip, con firefox puedes ver si el path .css es el correcto. Ctr+u para ver el codigo fuente, y alli busca el .css click en él. Si visualizas el codigo css es porque se incluyó bien, si aparece un mensaje tipo 404 es porque el path no es el correcto.

sisi me lo abrio bien.. aqui esta. aver si tengo algun error

Código CSS:

/* 
 
jFlow Plus Demo CSS 
 
Description: Demonstation CSS for jFlow Plus
Creator: Devin Walker
Date: July 29, 2010
 
 
*/
 
#container {
    width: 800px;
    height: 350px;
    position: relative;
    border-top: 5px solid #999;
    border-bottom: 5px solid #999;
    margin: 0 auto;
}
 
#slide1 span, #slide2 span, #slide3 span {
    background: url("../images/contentBg.png") repeat top left transparent;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 10px;
}
 
#slide1 h3, #slide2 h3, #slide3 h3 {
    font-family: Georgia, serif;
    color: #FFF;
    font-size: 35px;
    font-style: italic;
    margin: 0 0 10px 0;
}
 
#slide1 p, #slide2 p, #slide3 p {
    font-family: Georgia, serif;
    color: #FFF;    
    margin: 0;
}
 
.jFlowSlideContainer a {
    color: #F90;
    text-decoration: none;
    font-style: italic;
}
 
.jFlowSlideContainer a:hover {
    text-decoration: none;
    border-bottom: 1px dotted white;
}
 
.jFlowSlideContainer a:focus {
    position: relative;
    top: 1px;
}
 
.jFlowNext div {
    background:url("../images/arrows.png") no-repeat scroll 0 -35px transparent;
    height:130px;
    position:absolute;
    top:110px;
    right: -50px;
    width:50px;
    cursor:pointer;
}
 
.jFlowPrev div {
    background:url("../images/arrows.png") no-repeat scroll -84px -35px transparent;
    height:130px;
    position:absolute;
    top:110px;
    left: -50px;
    width:50px;
    cursor:pointer;
}
 
.jFlowPrev div:hover {
    background-position: -84px -235px;
}
 
.jFlowNext div:hover {
    background-position: 0px -235px;
}
 

[petrinimauro]

ayuda por favor

[doylelives]

Acabo de implementar este plugin sin problemas.
http://www.wordimpressed.com/coding/...demo-and-tips/
Estas usando otro framework de javascript ademas de jquery como prototype o mootools?
Que error muestra? usa firebug para obtener mas informacion sobre el error.

[doylelives]

Acabo de implementar este plugin sin problemas.
http://www.wordimpressed.com/coding/...demo-and-tips/
Estas usando otro framework de javascript ademas de jquery como prototype o mootools?
Que error muestra? usa firebug para obtener mas informacion sobre el error.