Webboard

Pełna wersja: Zmieniające się zdjęcia w logo
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:
adres forum:
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Hej !

Mam pytanie jak ustawić żeby w logo było pare zdjęć i one by się na przemian zmieniały?chce wstawić pare fotek i żeby one się zmieniały
Proszę o pomoc!Jest taka możliwość?
Taki pokaz slajdów w logo
https://webboard.pl/thread-48889.html

Użyj kodów kolegi, działają. :)
weź mi tu napisz co ja mam i jak dodać !proszę
1. Do headerinclude: (ACP → Style i szablony → Szablony → Twój szablon → Niezgrupowane szablony → headerinclude:
Kod PHP:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<
script type="text/javascript">

function 
theRotator() {
    
//Set the opacity of all images to 0
    
jQuery('div.rotator ul li').css({opacity0.0});
    
    
//Get the first image and display it (gets set to full opacity)
    
jQuery('div.rotator ul li:first').css({opacity1.0});
        
    
//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
    
    
setInterval('rotate()',6000);
    
}

function 
rotate() {    
    
//Get the first image
    
var current = (jQuery('div.rotator ul li.show')?  jQuery('div.rotator ul li.show') : jQuery('div.rotator ul li:first'));

    if ( 
current.length == current jQuery('div.rotator ul li:first');

    
//Get next image, when it reaches the end, rotate it back to the first image
    
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? jQuery('div.rotator ul li:first') :current.next()) : jQuery('div.rotator ul li:first'));
    
    
//Un-comment the 3 lines below to get the images in random order
    
    //var sibs = current.siblings();
        //var rndNum = Math.floor(Math.random() * sibs.length );
        //var next = jQuery( sibs[ rndNum ] );
            

    //Set the fade in effect for the next image, the show class has higher z-index
    
next.css({opacity0.0})
    .
addClass('show')
    .
animate({opacity1.0}, 1000);

    
//Hide the current image
    
current.animate({opacity0.0}, 1000)
    .
removeClass('show');
    
};



jQuery(document).ready(function() {        
    
//Load the slideshow
    
theRotator();
    
jQuery('div.rotator').fadeIn(1000);
    
jQuery('div.rotator ul li').fadeIn(1000); // tweek for IE
});

</
script>
<
script type="text/javascript">jQuery.noConflict();</script
Jeśli masz już bibliotekę jQuery dodaną, to bez tego fragmentu:
Kod PHP:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script

2. Do ACP → Style i szablony → Style → Twój styl → global.css → tryb zaawansowany → na końcu dodaj:
Kod PHP:
/* rotator in-page placement */
div.rotator {
    
positionrelative;
    
height350px;
    
margin-left25%;
}

/* rotator css */
div.rotator ul li {
    
    
positionabsolute;
    list-
stylenone;
}

div.rotator ul li.show {
    
z-index:500;

3.
ACP → Style i szablony → Szablony → Twój szablon → Nagłówek → header, zamiast:
Kod PHP:
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}title="{$mybb->settings['bbname']}/></a></div
wstaw
Kod:
<div class="logo"><br />
<div class="rotator">
<ul>
<li class="show">
<a href="http://www.mamhopla.com.pl" target="_blank">
<img src="http://i1034.photobucket.com/albums/a422/Woytas11/logomh2_zps6247df1e.png" width="1200" height="350" alt="pic1" />
</a>
</li>
<li>
<a href="http://www.mamhopla.com.pl" target="_blank">
<img src="http://i1034.photobucket.com/albums/a422/Woytas11/logomh_zpsf71e5eb5.png" width="1200" height="350" alt="pic2" />
</a>
</li>
</ul>
</div></div>
Niezgrupowane szablony nie mam takiego czegoś
Jeśli masz polski language pack to powinien być na końcu listy.
dzięki jest

a to pierwsze jak mam wkleić ?usunąć tamtą zawartość i tą wkleić?