Buenas tardes! Para empezar dire que de javascript no se nada de nada, asi que supongo que un poco de paciencia tendreis que tener conmigo.
El asunto es que descargue una plantilla y tengo un carrousel de imagenes en el centro superior de la pagina y justo abajo tengo un cuadro en blanco (div) al que le quiero poner un texto pero que cambie solo poner el cursor encima de una foto. Anteriormente habia conseguido eso pero de texto a imagen y me costo lo suyo, he probado por logica hacer cambios a ese codigo pero no he conseguido nada.
Código HTML:
<div id = "carousel1" style="width:960px; height:280px;background:none;overflow:scroll; margin-top: 20px">
<!-- All images with class of "cloudcarousel" will be turned into carousel items -->
<!-- You can place links around these images -->
<img class="cloudcarousel" src="images/slider/01.jpg" alt="" title="" />
<img class="cloudcarousel" src="images/slider/02.jpg" alt="" title="" />
<img class="cloudcarousel" src="images/slider/03.jpg" alt="" title="" />
<img class="cloudcarousel" src="images/slider/04.jpg" alt="" title="" />
<img class="cloudcarousel" src="images/slider/05.jpg" alt="" title="" />
<img class="cloudcarousel" src="images/slider/06.jpg" alt="" title="" />
<img class="cloudcarousel" src="images/slider/07.jpg" alt="" title="" />
<img class="cloudcarousel" src="images/slider/08.jpg" alt="" title="" />
<img class="cloudcarousel" src="images/slider/09.jpg" alt="" title="" />
<img class="cloudcarousel" src="images/slider/10.jpg" alt="" title="" />
</div>
<!-- Define left and right buttons. -->
<center>
<input id="slider-left-but" type="button" value="" />
<input id="slider-right-but" type="button" value="" />
</center>
</div>
<div id="templatemo_main">
<div class="col one_third fp_services">
<h2>Welcome!</h2>
<img src="images/templatemo_image_04.jpg" alt="Image 04 " class="image_fl" />
<p><a href="http://www.templatemo.com" target="_parent">Carousel</a> is free css template provided by <a href="http://www.templatemo.com">templatemo.com</a> for your personal or commercial websites. Quisque nec suscipit ipsum. Fusce vitae accumsan massa.</p>
<ul class="templatemo_list">
<li class="flow">Integer placerat dolor vel</li>
<li class="flow nomr">Condimentum vulputate</li>
<li class="flow">Itristique non suscipit id</li>
<li class="flow nomr"> Donec eget lacus vitae leo</li>
</ul>
</div>
<div class="col one_third fp_services">
<h2>Recent News</h2>
<div class="rp_pp">
<img src="images/templatemo_image_01.jpg" alt="Image 01" />
<a href="#">Integer venenatis pharetra magna vitae condimentum* ultrices.</a>
<p>Feb 27, 2048 - 140 comments</p>
<div class="cleaner"></div>
</div>
<div class="rp_pp">
<img src="images/templatemo_image_02.jpg" alt="Image 02" />
<a href="#">Nulla facilisi. Vestibulum vel odio ac mi feugiat condimentum.</a>
<p>Feb 21, 2048 - 154 comments</p>
<div class="cleaner"></div>
</div>
<div class="rp_pp">
<img src="images/templatemo_image_03.jpg" alt="Image 03" />
<a href="#">Fusce dolor neque, placerat ac erat venenatis eu, venenatis ac leo.</a>
<p>Feb 15, 2048 - 179 comments</p>
<div class="cleaner"></div>
</div>
</div>
<div class="col one_third no_margin_right fp_services">
<h2>Testimonials</h2>
<div class="testimonial">
<p>Nunc vitae purus non augue scelerisque ultricies vitae et velit quis nulla id orci malesua tempus erat.</p>
<cite>Rock <a href="#"><span>- CEO, New Company</span></a></cite></div>
<div class="testimonial">
<p>Curabitur sed felis urna, quis eleifend magna. Nunc quam mollis sem iaculis sed. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
<cite>John <a href="#"><span>- Senior Director, Company</span></a></cite></div>
</div>
<div class="cleaner"></div>
</div> <!-- END of templatemo_main --> Aqui os dejo una imagen, que seguro que ayuda a entenderlo mejor.
