rotacja grafiki w #head2

agroenergetyka.pl

Avatar: agroenergetyka.pl

2010-07-14 21:47

witam,
moje pytanie dotyczy sprawy tla pod logo tj. <div id="head2">. W jaki sposób można wykonać rotacyjny sposób prezentacji tła? tj. aby za każdym odświeżeniem pojawiało się inne tło z jakieś bazy plików .jpg. Będę wdzięczny za jakieś wskazówki czy pomysły na rozwiązanie tej idei.

» Quick.Cart v3.x

agro

boboo

Avatar: boboo

2010-07-14 22:13

Bardzo prosto.
Ile tych obrazków w pętli?

agroenergetyka.pl

Avatar: agroenergetyka.pl

2010-07-14 22:24

powiedzmy 5

agro

boboo

Avatar: boboo

2010-07-15 07:22

W sumie ilość nieważna.

I.
Na początek usuń z /templates/default.css (lub tego, którego używasz jako aktualną skórkę) informację o obrazku w #head2.
Czyli z linjki:
#head2{position:relative;clear:both;height:170px;background:#422d1c url('img/header.jpg') no-repeat;color:#fff;}
usuń
url('img/header.jpg') no-repeat

II.
Przygotuj sobie te 5 (albo ile chcesz [X]) obrazków i nazwij je po kolei:
header1.jpg, header2.jpg,... headerX.jpg i wstaw to do:
/templates/img/

III.
w pliku /actions_client/p.php
zaraz pod pierwszą linijkę wstaw:
if(isset($_COOKIE['headNr']))
$iHeaderNr = $_COOKIE['headNr'];
else
$iHeaderNr = 0;
$iHeaderNr = $iHeaderNr +1;
if ($iHeaderNr > 5)
$iHeaderNr = 1;
setCookie('headNr', $iHeaderNr, 0);
$sHeaderPic = "templates/img/header".$iHeaderNr.".jpg";

IV.
w /templates/container.tpl
znajdź:
<div id="head2">
i wstaw za tym: <img src="$sHeaderPic"/>
czyli będzie:
<div id="head2"><img src="$sHeaderPic"/>

I to cała filozofia.
W linijce: if ($iHeaderNr > 5) ustawiasz ilość obrazków w pętli.

agroenergetyka.pl

Avatar: agroenergetyka.pl

2010-07-15 09:59

boboo dziekuje - dziala :)
jeżeli możesz wyjaśnić w jaki sposób wykonać, aby logo które wcześniej było nałozone na obrazek "header.jpg" teraz jest wyrzucane poza "header1.jpg" tj. jest poniżej.

Jesteś wielki :)

boboo

Avatar: boboo

2010-07-15 10:28

w default.css masz pod:
#head2{position:relative;clear:both;height:170px;background:#422d1c;color:#fff;}
wpis dotyczący logo:
#logo{width:222px;padding:40px 0 0;}
wrzuć mu w nawias pozycjonowanie:
position:absolute;top:10px;left:10px;
czyli będzie:
#logo{position:absolute;top:10px;left:10px;width:222px;padding:0 0 0 0;}
top'em i left'em ustalasz jego koordynaty wewnątrz headera.

agroenergetyka.pl

Avatar: agroenergetyka.pl

2010-07-15 10:39

Boboo dziękuję. Wszystko działa jak należy :)

Do góry
o nas | kontakt