Jump to content

TravellersLens

Members
  • Posts

    3
  • Joined

  • Last visited

Everything posted by TravellersLens

  1. I'm trying to outline the text under the photo on the left side. The photo itself is in the center of a table. The "difficulty" is also the difference between a horizontal and vertical photo. Demo: http://www.travellerslens.com/nicaragua/nicaragua.html <div id="FotoBox"> <div id="FotoBoxRight"> <div class="LargeImage"><img name="main" src="nicaragua/granada_img_1.jpg"><br/><br/><span id='maintext'></span></div> </div> <div id="FotoBoxLeft"> <ul id="navlist"> <li><a onmouseover="main.src='nicaragua/granada_img_1.jpg'; maintext.innerHTML = '<h3>Nicaragua - Granada</h3> The cathedral at sunset.';" onmouseout="main.src='nicaragua/granada_img_1.jpg';"><img src="nicaragua/granada_mg_1.jpg"></a></li> <li><a onmouseover="main.src='nicaragua/nicaragua_img_2.jpg'; maintext.innerHTML = 'Vissers bij Maria´s point.';" onmouseout="main.src='nicaragua/nicaragua_img_2.jpg';"><img src="nicaragua/nicaragua_mg_2.jpg"></a></li> <li><a onmouseover="main.src='nicaragua/nicaragua_img_4.jpg'; maintext.innerHTML = '<h3>Nicaragua - San Juan del sur</h3>On a nighttrip, this turtle was laying eggs on the beach.';" onmouseout="main.src='nicaragua/nicaragua_img_4.jpg';"><img src="nicaragua/nicaragua_mg_4.jpg"></a></li> </ul> </div> </div> #FotoBoxRight{ position: absolute; padding: 100px 0px 0px 495px; } #LargeImage {height: 550px; width: 550px;} .LargeImage img{border: 1px solid #FFFFFF; box-shadow: 15px 15px 5px #000000;} .LargeImage { display: table-cell; text-align: center; vertical-align: middle; width: 500px; height: 500px;}
  2. You are the best!!!!! Thank you so much, I have searched for days.
  3. Hello guys, i'm new on this forum and i hope you can help me. I have a problem with onmouse function.The big photo will change when onmouseover on the little photo, but i like to ad text above the big photo which will change as well. Demo: http://www.travellerslens.com/nicaragua/nicaragua.html <div id="FotoBox"> <div id="FotoBoxRight"> <div class="LargeImage"><img name="main" src="nicaragua/granada_img_1.jpg"><br/><br/>© 2014 Travellers Lens</div></div><div id="FotoBoxLeft"> <ul id="navlist"> <li><a onmouseover="main.src='nicaragua/nicaragua_img_1.jpg'; " onmouseout="main.src='nicaragua/nicaragua_img_1.jpg';"><img src="nicaragua/granada_mg_1.jpg"></a></li> <li><a onmouseover="main.src='nicaragua/nicaragua_img_2.jpg'; " onmouseout="main.src='nicaragua/nicaragua_img_2.jpg';"><img src="nicaragua/nicaragua_mg_2.jpg"></a></li> <li><a onmouseover="main.src='nicaragua/granada_img_3.jpg'; " onmouseout="main.src='nicaragua/granada_img_3.jpg';"><img src="nicaragua/granada_mg_3.jpg" title="Granada"></a></li> <li><a onmouseover="main.src='nicaragua/nicaragua_img_1.jpg'; " onmouseout="main.src='nicaragua/nicaragua_img_1.jpg';"><img src="nicaragua/nicaragua_mg_1.jpg"></a></li><li><a onmouseover="main.src='nicaragua/nicaragua_img_2.jpg'; " onmouseout="main.src='nicaragua/nicaragua_img_2.jpg';"><img src="nicaragua/nicaragua_mg_2.jpg"></a></li> <li><a onmouseover="main.src='nicaragua/nicaragua_img_3.jpg'; " onmouseout="main.src='nicaragua/nicaragua_img_3.jpg';"><img src="nicaragua/nicaragua_mg_3.jpg"></a></li> <li><a onmouseover="main.src='nicaragua/san_juan_del_sur_img_1.jpg'; " onmouseout="main.src='nicaragua/san_juan_del_sur_img_1.jpg';"><img src="nicaragua/san_juan_del_sur_mg_1.jpg"></a></li> <li><a onmouseover="main.src='nicaragua/nicaragua_img_6.jpg'; " onmouseout="main.src='nicaragua/nicaragua_img_6.jpg';"><img src="nicaragua/nicaragua_mg_6.jpg"></a></li> <li><a onmouseover="main.src='nicaragua/nicaragua_img_5.jpg'; " onmouseout="main.src='nicaragua/nicaragua_img_5.jpg';"><img src="nicaragua/nicaragua_mg_5.jpg"></a></li> </ul></div></div> I hope someone can help me, I saerched for days on the web. Thanks, Jordi
×
×
  • Create New...