X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Увеличение фото при наведении курсора., Help my please !
imflint
imflint
Topic Starter сообщение 6.7.2009, 23:44; Ответить: imflint
Сообщение #1


Хочу сделать фотогаллерею работ (партфолио)
с эффектом увеличения фото при наведении курсора,
вот что получилось:
<style type="text/css">
body {
        margin:0;
        padding:100px 150px;
        background:#fff;
        font:70% Arial, Helvetica, sans-serif;
        color:#555;
        line-height:180%;
        }
    h1, h2{
        font-size:100%;
        font-weight:normal;
        color:#555;
        }
    h2{
        font-size:140%;
        }    
    p{
        margin:0;
        padding:1em 0;
        width:500px;
        clear:both;
        }
    a{
        color:#f20;
        text-decoration:none;
        }
    a:hover{
        color:#999;
        }
    img{
        border:none;
        }
    
    /* // here comes the goodnes  */    
    
        ul#gallery, ul#gallery li{
            margin:0;
            padding:0;
            list-style:none;
            }
        ul#gallery{
            margin:2em 0;
            }            
        ul#gallery li{
            float:left;
            display:inline;
            margin-right:5px;
            }                                
        ul#gallery a{
    float:left;
    display:inline;
    position:relative;
    width: 150;
    height: 100;
            }    
        ul#gallery a:hover{
            background:none;
            z-index:100;
            }    
        ul#gallery a span{
            display:none;
            }
        ul#gallery a:hover span{
            float:left;
            display:block;
            cursor:pointer;
            }
        ul#gallery a:hover em{
            display:none;
            }                
        ul#gallery a img{
            border:1px solid #999;
            padding:2px;
            background:#fff;
            }    
        ul#gallery a:hover img{
            border:1px solid #000;
            }                                            



</style>

        <ul id="gallery">
            <li>
                <a href="http://pidkova.net">
                    <em><img src="IMG_115.JPG" alt="gallery thumbnail" width="150" height="100" /></em>
                    <span><img src="IMG_115.JPG" alt="gallery image" /></span>                </a>            </li>

Подскажите пожалуйста как сделать так чтоб фотки увеличивались плавно, как тут --> http://akcent.biz.ua/produkt.php?name=2
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FordogeN
FordogeN
сообщение 7.7.2009, 1:36; Ответить: FordogeN
Сообщение #2


(imflint @ 7.7.2009, 0:44) *
Подскажите пожалуйста как сделать так чтоб фотки увеличивались плавно, как тут --> http://akcent.biz.ua/produkt.php?name=2

Плавно - эт уже на ява скрипте :)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
imflint
imflint
Topic Starter сообщение 7.7.2009, 1:51; Ответить: imflint
Сообщение #3


(FordogeN @ 7.7.2009, 0:36) *
Плавно - эт уже на ява скрипте :)

На яве эт хорошо! Только обьясните как там и что писать надо ? ))
Буду весьма признателен!! ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 7.7.2009, 2:27; Ответить: ZiTosS
Сообщение #4


imflint, почитайте в google про lightBox и поставьте лучше его чем мучаться с этим скриптом. Но если хотите, то вставляйте вот этот JS код к себе:
http://akcent.biz.ua/mod/popup.js

а затем таким же образом прописывайте ссылки. И вс будет работать xD
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Silencio
Silencio
сообщение 13.7.2009, 14:21; Ответить: Silencio
Сообщение #5


ZiTosS

Спасибо за совет

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 91668 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) 📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼
Мы предлагаем комплексное решение для рандомизации всех видов офера
2 leviathan 1340 29.1.2024, 21:29
автор: leviathan
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2178 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30255 19.7.2022, 13:41
автор: Funoman


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:17
Дизайн