Здравствуйте!
есть слайдер. выводит изображения по клику на изображение.
1.Стиль
| Скрытый текст |
<style> body { font: 13px/18px Arial,Verdana,Helvetica,sans-serif; } #container { width: 600px; margin: 20px auto; text-align: center; } header { margin-bottom: 20px; } h1 { color: #3E4415; font-size: 20px; font-weight: normal; } #images { width: 400px; height: 250px; overflow: hidden; position: relative; margin: 20px auto; } #images img { width: 400px; height: 250px; position: absolute; top: 0; left: -400px; z-index: 1; opacity: 0; transition: all linear 500ms; -o-transition: all linear 500ms; -moz-transition: all linear 500ms; -webkit-transition: all linear 500ms; } #images img:target { left: 0; z-index: 9; opacity: 1; } #images img:first-child { left: 0; opacity: 1; } </style> |
| Скрытый текст |
<div id="images"> <img id="image1" src="/images/1.jpg" /> <img id="image2" src="/images/2.jpg" /> <img id="image3" src="/images/3.jpg" /> </div> |
| Скрытый текст |
<div align="center"> <div id="container"> <div id="slider"> <a href="#image1"><img src="/images/serv1.jpg"></img></a> <a href="#image2"><img src="/images/serv2.jpg"></img></a> <a href="#image3"><img src="/images/serv3.jpg"></img></a> </div> </div> </div> |
| Скрытый текст |
<table border="1" align="center" width="600px";> <text align="center"> <tr> <td align="center"><b><font size=3>Вид работ/Сложность</font></b></td> <td><b><font size=3>Цена</font></b></td> </tr> <tr> <td>1.Стандартная установка </td> </tr> <tr> <td> СТАНДАРТНАЯ УСТАНОВКА </td> <td> 7 000 руб. </tr> </text> </table> |
<table id="image1" border="1" align="center" width="600px";><img id="image1" src="/images/1.jpg" />
| Цитата (OleKh @ 18.03.2013 - 21:41) |
| задумка понятная, но не факт что просто так только html правками получится Вот такой фокус, к примеру ) <table id="image1" border="1" align="center" width="600px";> |