CMS Made Simple Forums
https://forum.cmsmadesimple.org/

Random image i header
https://forum.cmsmadesimple.org/viewtopic.php?f=9&t=48762
Page 1 of 2

Author:  jensniko [ Sat Nov 06, 2010 9:20 pm ]
Post subject:  Random image i header

Hej folkens

jeg er helt ny inden for cmsms.

Jeg har denne side: akvariestedet.dk

Jeg kunne godt tænke mig ag Header billedet skifter enten ved sideskift eller automatisk efter xx sekunder.

Nogen der kan hjælpe ??????

Hilsen jensniko

Author:  webform [ Sun Nov 07, 2010 2:11 am ]
Post subject:  Re: Random image i header

Prøv denne random stylesheet metode (benytter den også selv):

Beskrivelse:

Opret x antal stylesheets svarende til det antal header images du har. f.eks noget lignende:

\$1:
#header {
   background-image: url(uploads/images/header1.jpg);
}


Navngiv hver stylesheet fortløbende f.eks. header1, header2 osv.

I din sideskabelon indsætter du følgende kode i html header området:

\$1:
{capture assign='cssname'}header{1|rand:x}{/capture}
{stylesheet name="$cssname" media="screen"}


{1|rand:x} x = det antal stylesheets med header images du har. Har du f.eks. 5 indsætter du tallet 5!

Nu vil et random header stylesheet blive kaldt hver gang en ny side indlæses eller reloades.

Author:  jensniko [ Sun Nov 07, 2010 7:34 am ]
Post subject:  Re: Random image i header

hej

Jeg har prøvet af følge din guide, men kan ikke få det til at funke.

Den overste kode har jeg styr på (tror jeg) ::)

Kan du ikke uddybe hvor jeg indsætter den nederste kode?

Hilsen Jens

Author:  maxxx [ Sun Nov 07, 2010 8:29 am ]
Post subject:  Re: Random image i header

You can use "image slider" or modul Showtime!

Author:  webform [ Mon Nov 08, 2010 4:09 pm ]
Post subject:  Re: Random image i header

jensniko \jensniko:
Kan du ikke uddybe hvor jeg indsætter den nederste kode?


Det indsætter du mellem . Dog efter {styleheet} taggen:

\$1:
{stylesheet}
{capture assign='cssname'}Header{1|rand:8}{/capture}
{stylesheet name="$cssname" media="screen"}

Author:  jensniko [ Mon Nov 08, 2010 4:48 pm ]
Post subject:  Re: Random image i header

Hej

Nu har jeg prøvet at indsætte koden.

\$1:
{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
<!--[if IE 6]><link rel="stylesheet" href="/uploads/G2/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/uploads/G2/style.ie7.css" type="text/css" media="screen" /><![endif]-->
    <__script__ type="text/javascript" src="/uploads/G2/script.js"></__script>
{metadata}
{stylesheet}
{capture assign='cssname'}header{1|rand:9}{/capture}
{stylesheet name="$cssname" media="screen"}
</head>
</__body>
<div id="art-main">
        <div class="art-sheet">
            <div class="art-sheet-tl"></div>
            <div class="art-sheet-tr"></div>
            <div class="art-sheet-bl"></div>
            <div class="art-sheet-br"></div>
            <div class="art-sheet-tc"></div>
            <div class="art-sheet-bc"></div>
            <div class="art-sheet-cl"></div>
            <div class="art-sheet-cr"></div>


Den skifter dog ikke ved side skift, hvad gør jeg galt?

Hilsen Jens

Author:  webform [ Mon Nov 08, 2010 5:06 pm ]
Post subject:  Re: Random image i header

Har du navngivet dine stylesheets header1, header2 osv?

{capture assign='cssname'}header{1|rand:9}{/capture}
(Læg mærke til at outputtet af denne vil være "header1 til header9")

Navnene på dine stylesheets skal passe sammen med hvad du capture!

Og den div id du har indsat i dine stylesheets også findes i din side skabelon?

Author:  jensniko [ Mon Nov 08, 2010 5:06 pm ]
Post subject:  Re: Random image i header

og såda ser css ud

\$1:
/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 992px;
  height: 150px;
  overflow: hidden;
}


div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 992px;
  height: 150px;
  background-image: url(/uploads/G2/header.jpg);
  background-image: url(/uploads/G2/header1.jpg);
  background-image: url(/uploads/G2/header2.jpg);
  background-image: url(/uploads/G2/header3.jpg);
  background-image: url(/uploads/G2/header4.jpg);
  background-image: url(/uploads/G2/header5.jpg);
  background-image: url(/uploads/G2/header6.jpg);
  background-image: url(/uploads/G2/header7.jpg);
  background-image: url(/uploads/G2/header8.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

/* end Header */

Author:  webform [ Mon Nov 08, 2010 5:19 pm ]
Post subject:  Re: Random image i header

Ahh! Jamen se det er også forkert  ;)

I din default stylesheet indsæt denne:

\$1:
div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 992px;
  height: 150px;
  background-image: url(/uploads/G2/header.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}


I hver af dine "header" stylesheets indsæt denne:

\$1:
div.art-header-jpeg
{
  background-image: url(/uploads/G2/header1.jpg);
}


OBS! I nummer 2 header stylesheet er det så header2.jpg og i header stylesheet 3 er det header3.jpg osv.

Hvis du indsætter alle background-image i samme stylesheet som du har gjort, er det kun den sidste background-image der bliver indlæst.
Det er også grunden til at jeg oplyser at du skal indsætte random kaldet efter {stylesheet} så det "overskriver" din default "background-image" du har stående i dit default stylesheet.

Grunden til at jeg skriver at du skal indsætte "background-image: url(/uploads/G2/header.jpg);" i dit default stylesheet, er at hvis det utænkelige sker og random funktionen fejler, vil der altid være et header billede til rådighed!

Author:  jensniko [ Mon Nov 08, 2010 5:42 pm ]
Post subject:  Re: Random image i header

Hmm, det er vist nu man godt kan kalde mig XXXXXXXXXXX >:(

\$1:
/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 992px;
  height: 150px;
  overflow: hidden;
}


div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 992px;
  height: 150px;
  background-image: url(/uploads/G2/header1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 992px;
  height: 150px;
  background-image: url(/uploads/G2/header2.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 992px;
  height: 150px;
  background-image: url(/uploads/G2/header3.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */


Og det virker SXX stadig ikke...... :'(

Author:  Coldman [ Mon Nov 08, 2010 6:23 pm ]
Post subject:  Re: Random image i header

Hoppas du förstår svenska ;)
Försök med detta.

\$1:
{capture assign='num'}{1|rand:10}{/capture}


Och i din mall lägger du detta i

\$1:
<img src="/uploads/G2/{$num}.jpg" width='992' height='150'/>



EDIT:
Denna del {1|rand:10} skiftar mellan 1 till 10 bilder. har du färre bilder än 10 skriv då det rätta.

/Coldman

Author:  webform [ Mon Nov 08, 2010 7:07 pm ]
Post subject:  Re: Random image i header

Det ser ud til at du placerer det i samme stylesheet. Det skal være i separate stylesheets navngivet som tidligere oplyst.

Opret et nyt stylesheet og indsæt

\$1:
div.art-header-jpeg
{
  background-image: url(/uploads/G2/header1.jpg);
}


Navngiv stylesheetet header1 og gem.

Opret et nyt stylesheet og indsæt

\$1:
div.art-header-jpeg
{
  background-image: url(/uploads/G2/header2.jpg);
}


Navngiv stylesheetet header2 og gem.

Fortsæt som ovenstående for hver header image.

Herefter vil hver reload eller sideskift random vælge mellem de navngivne stylesheets header1 til header9.

Author:  jensniko [ Mon Nov 08, 2010 7:44 pm ]
Post subject:  Re: Random image i header

Hay Hay, Nåååå sådan.

NU virker det. Det kunne i BARE have sagt.  ::) (GRINER)

Takker & Bukker MANGE MANGE gange......

Hilsen Jens

Author:  jensniko [ Mon Nov 08, 2010 7:46 pm ]
Post subject:  Re: Random image i header

kan det passe at siden er blevet lidt langsommere ved reload eller sideskift???

Author:  webform [ Mon Nov 08, 2010 7:52 pm ]
Post subject:  Re: Random image i header

Du har tilknyttet de forskellige Header stylesheets til din side skabelon - Det skal du ikke! Det er hvad Random koden tager sig af!

Page 1 of 2 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/