[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как сделать шапку сайта которая крутится?
Форум PHP программистов > Дизайн и верстка
Makaveli88
1.07.2011 - 12:01
Подскажите пожалуйста как сделать крутящиюся шапку на сайте я помню это было раньше кое где но потот удалили и я так и несмог узнать как это можно сделать..Вобщем была картинка одна в ней порезаны три изображения.И на шапке эти изображения повлялись плавно переходя из одного в другое.



Спустя 38 минут, 14 секунд (1.07.2011 - 11:39) SoMeOnE написал(а):
Если ты имеешь ввиду сделать слайдер какой нибудь, то просто задай поиск в гугле - слайдер для сайта

Спустя 1 минута (1.07.2011 - 11:40) Snus написал(а):
Makaveli88
библиотека jQuery тебе в помощь. Там много всяких интересных плагинов.

Спустя 52 минуты, 59 секунд (1.07.2011 - 12:33) ИНСИ написал(а):
Makaveli88 http://www.google.ru/search?q=jquery+slide...iw=1366&bih=665

Спустя 3 часа, 32 минуты, 55 секунд (1.07.2011 - 16:06) Makaveli88 написал(а):
Спасибо за слайдер jQuery !! laugh.gif я помнил что там был jQuery но я не знаю что надо слайдер написать а я все набирал крятищийся шапка в гугле))Спасиб народ


Спустя 5 дней, 8 минут, 47 секунд Makaveli88 написал(а):
подскажите пожалуйста как его поставить по середине?
http://jonraasch.com/blog/a-simple-jquery-slideshow

Спустя 5 дней, 2 часа, 14 минут, 16 секунд (6.07.2011 - 18:20) Guest написал(а):
вот код
<div id="slideshow">
    <img src="img/img1.jpg" alt="" class="active" />
    <img src="img/img2.jpg" alt="" />
    <img src="img/img3.jpg" alt="" />
</div>
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
function slideSwitch() {
    var $active = $('#slideshow IMG.active');
    var $next = $active.next();    

    $next.addClass('active');

    $active.removeClass('active');
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

Спустя 3 минуты, 38 секунд (6.07.2011 - 18:24) quickxyan написал(а):
наверное так: 

<center>
<div id="slideshow">
    <img src="img/img1.jpg" alt="" class="active" />
    <img src="img/img2.jpg" alt="" />
    <img src="img/img3.jpg" alt="" />
</div>
</center>

Спустя 4 часа, 24 минуты, 50 секунд (6.07.2011 - 22:49) Guest написал(а):
<center>
<div id="slideshow">
    <img src="img/img1.jpg" alt="" class="active" />
    <img src="img/img2.jpg" alt="" />
    <img src="img/img3.jpg" alt="" />
</div>
</center>

не помогает((( :(
ктонибудь обьясните мне как устанавливать этот jQuerry слайдер а то там на Английском я чуток плохо понимаю

Спустя 21 минута, 37 секунд (6.07.2011 - 23:11) Winston написал(а):
Вот так попробуй
Свернутый текст
<script language="JavaScript">
function slideSwitch() {
    var $active = $('#slideshow IMG.active');
    var $next = $active.next();    

    $next.addClass('active');

    $active.removeClass('active');
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});
</script>
<style type="text/css">
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
</style>
<div id="slideshow">
    <img src="img/img1.jpg" alt="" class="active" />
    <img src="img/img2.jpg" alt="" />
    <img src="img/img3.jpg" alt="" />
</div>

Спустя 1 час, 59 минут, 4 секунды (7.07.2011 - 01:10) Guest написал(а):
PHPprogramer не получается к сожалаленью :( картинка не двигается!
вот один из мне известных скриптов но в ней просто переходят изображения не так как в jQuerry если бы могли вы добавить такой эффект как плавный переход или заново пересмотреть тот код
вот кстати скрипт о котором я писал в начале сообщения 
<script language="JavaScript" type="text/javascript">
            
        function adArray() {
        for (i=0; i*2<adArray.arguments.length; i++) {
        this[i] = new Object();
        this[i].src = adArray.arguments[i*2];
        this[i].href = adArray.arguments[i*2+1];
        }
        this.length = i;
        }
        function getAdNum() {
        dat = new Date();
        dat = (dat.getTime()+"").charAt(8);
        if (dat.length == 1)
        ad_num = dat%ads.length;
        else
        ad_num = 0;
        return ad_num;
        }
        var ads = new adArray(
        "адресс фото.jpg","/",
        //
        //							  
        "адресс фото","/",
        //
        //
        "адресс фото","/",
        //
        //
        "адресс фото","/",
        //
        //
        "адресс фото","/",
        //
        //		
        "адресс фото","/");
        //
        var ad_num = getAdNum();
        document.write('<div align="center"><A HREF="'+ads[ad_num].href+'" ><IMG SRC="'+ads[ad_num].src+'" '+'BORDER=0 name=js_ad></A></div>');
        link_num = document.links.length-1;
        function rotateSponsor() {
        	if (document.images) {
        		ad_num = (ad_num+1)%ads.length;
        		document.js_ad.src = ads[ad_num].src;
        		document.links[link_num].href = ads[ad_num].href;
        		setTimeout("rotateSponsor()",5000);
        		}
        }
        setTimeout("rotateSponsor()",5000);
        // -->
        </script>
  <div align="center">
    <a href="/">
      <img src="адресс фото" border="0" name="js_ad">
    </a>
  </div>


Спустя 1 час, 15 минут, 47 секунд (7.07.2011 - 02:25) sebastjan написал(а):
А не проще сделать пару флешь картинок с затуханием и менять их яваскриптом, даже без флеш программирования.
Не знаю про возможностияваскрита чтоб затухание делал, это наверняка каки то фильтры используються, которые как всегда не во всех броузерах работают.
Может ошибаюсь, поправте если что.

Спустя 2 дня, 18 часов, 54 минуты, 37 секунд (9.07.2011 - 21:20) Guest написал(а):
та я не знаю как зделать флеш картинки с затуханием..=/


Спустя 1 минута, 45 секунд Guest написал(а):
я установил на форум шапку из слайдера jQuerry но он почему то не работает все сделал по инсрукции
вот его код 
 <script src="/js/jquery.bgImageTween.cc.js" type="text/javascript"></script>

<div id="tween" style="color:white;width:1200px;height:300px;">
<small></small>
</div>
<script>
//<![CDATA[
$(document).ready(function() {
$('#tween').bgImageTween(['http://img823.imageshack.us/img823/5580/90782511.jpg',
'http://img696.imageshack.us/img696/5433/18791354.jpg',
'http://img16.imageshack.us/img16/8571/68360565.jpg',
'http://img16.imageshack.us/img16/8571/68360565.jpg',
'http://img16.imageshack.us/img16/8571/68360565.jpg'], 3000, 2000);
});
//]]>
</script>
<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><div id="menu"><!-- <sblock_menu> -->
<?if($SMENU_1$)?><!-- <bc> -->$SMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_menu> --></div>
<div align="right"> Вы вошли как <b>$USERNAME$</b>  <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><font color="#ffffff">Мой профиль</font></a>  <a href="$LOGOUT_LINK$" title="Выход"><font color="#ffffff">Выход   </font></a> 
</div>

<div align="center">
</div><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>$MODULE_NAME$</title><div align="center">
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a> ·
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a> ·
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форума<!--</s>--></a> ·
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a> ·
<a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a>
</div><link type="text/css" rel="StyleSheet" href="/_st/my.css"><p>$BODY$<br></p>

$POWERED_BY$

</body></html>

вот сайт http://soxer.mutsu.org/offshots/bgImageTween http://www.apo-ucoz.com/load/65-1-0-2053?ldfC1Z

что не так подскажите пожалуйста!!! :unsure:

Спустя 36 минут, 55 секунд (9.07.2011 - 21:57) sebastjan написал(а):
А ты это сделал?
Цитата
Залейте скрипт из прикреплённого архива в папку js

Спустя 19 минут (9.07.2011 - 22:16) Guest написал(а):
sebastjan
нет не я там ка написано так я и сдела unsure.gif л но ничего не выходит

Спустя 10 часов, 56 минут, 2 секунды (10.07.2011 - 09:12) Игорь_Vasinsky написал(а):
Цитата
<script src="/js/jquery.bgImageTween.cc.js" type="text/javascript"></script>

<div id="tween" style="color:white;width:1200px;height:300px;">


сначала подключи сам jquery, потом плагин и всё это в <header>
Быстрый ответ:
Powered by dgreen

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.