Uvítací obrázok na stránku

Luigy88

Zdravím,
Chcel by som sa spytat, ci mi viete poradit v tom, ako sa dáva uvítací obrázok na stránku. T.j. ak niekto kliknena stránku, zobrazí sa mu hned jeden obrazok (podobne ako na niektorych strankach sa zobrazuju reklamy...)

Funguje to na nejakom takom principe ako uvitacie okna?

<script language="javascript" type="text/javascript"> alert("Sem zadajte text") </script>

doddo999

pri jquery je to napriklad nasledovne:

Kód: Vybrať všetko

<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
     $('#load_first').show();
     $('#load_first').click(function(){
       $(this).hide();
     });
  });
</script>

...
<body>
  <div id="load_first"><img src="..." id="..."/></div>
...

cssko nastavis tak aby sa ti zobrazovalo tak ako potrebujes, po kliknuti nan zmizne a zobrazi sa stranka

edit:
v pripade ak chces zobrazovat obrazok len raz pri prvom nacitani stranky je potrebne pouzit php sessions...
napriklad nasledovne:

Kód: Vybrať všetko

...
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
     $('#load_first').show();
     $('#load_first').click(function(){
       $(this).hide();
     });
  });
</script>

...
<body>
<?php
  session_start();
    if(@$_SESSION["first_load"]!=true){
        @session_register("first_load");
        echo "<div id=\"load_first\"><img src=\"...\" id=\"...\"/></div>";
        $_SESSION["first_load"]=true;
    }
?>
...

Luigy88

Tak staci ak tento kod nakopirujem do index u a malo by to fungovat?
Lebo ja som to spravil, ale ten obrazok sa zobrazuje iba ako klasicky na spodnej casti obrazovky.. (div som umiestnil na koniec body)

doddo999

Luigy88 napísal:Tak staci ak tento kod nakopirujem do index u a malo by to fungovat?
Lebo ja som to spravil, ale ten obrazok sa zobrazuje iba ako klasicky na spodnej casti obrazovky.. (div som umiestnil na koniec body)

ja som myslel tak, ze ten div bude celu stranku prekryvat a v nom bude ten obrazok vtedy by to bolo nasledovne napr:

Kód: Vybrať všetko

...
<style type="text/css">
    #load{
        position: static;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: #f5f5f5;
        margin: 0px auto;
        padding: 0px;
        text-align: center;
    }
    #load_img{
        position: relative;
        top: 30%;
        width: ...; 
        height: ...; 
        background-color: ...;
    }
</style>
...
<body>

<div id="load"><img id="load_img" src="..." /></div>
...

ano, javascript a php staci nakopirovat a budu funkcne (za ... doplnit svoje udaje)

Luigy88

Sorry, troska som sa stratil...
Takze do headu mam dat toto:

<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#load_first').show();
$('#load_first').click(function(){
$(this).hide();
});
});
</script>

+

<style type="text/css">
#load{
position: static;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #f5f5f5;
margin: 0px auto;
padding: 0px;
text-align: center;
}
#load_img{
position: relative;
top: 30%;
width: 800;
height: 600;
background-color: #f5f5f5;
}
</style>

a na zaciatok body

<div id="load"><img id="load_img" src="..." />

a pred koncom body : </div>

Takto nejak?

doddo999

no zdrojak by si mohol dat hadam aj do code
dokument by mohol vyzerat nasledovne:

Kód: Vybrať všetko

<?php session_start(); ?>
<!doctype html>
<html>
    <head>
        <title>tralala...</title>
        <script src="http://code.jquery.com/jquery-1.7.1.js"></script>
    </head>
    
    <script type="text/javascript">
      $(document).ready(function(){
         $('#load').show();
         $('#load').click(function(){
           $(this).hide();
         });
      });
    </script>
    
    <style type="text/css">
        #load{
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background-color: #f5f5f5;
            margin: 0px auto;
            padding: 0px;
            text-align: center;
        }
        #load_img{
            position: relative;
            top: 30%;
            width: 200px; 
            height: 200px; 
            background-color: black;
        }
    </style>
<body>

    <?php
        if(@$_SESSION["first_load"]!=true){
            @session_register("first_load");
            echo "<div id=\"load\"><img id=\"load_img\" src=\"\" /></div>";
            @$_SESSION["first_load"]=true;
        }
        //session_destroy();
    ?>


    zvysok stranky...
    
</body>
</html>

Luigy88

Dakujem, ale este s tym mam jeden problem a to ten , ze obrazok sa zobrazuje ako keby za textom...Ako by sa dalo esetrit aby to bolo pred vsetkym co je na stranke?

doddo999

Luigy88 napísal:Dakujem, ale este s tym mam jeden problem a to ten , ze obrazok sa zobrazuje ako keby za textom...Ako by sa dalo esetrit aby to bolo pred vsetkym co je na stranke?

do csska toho obrazku pridaj

Kód: Vybrať všetko

z-index: -1;

xadman

Dopredu nieje náhodou z-index: 1; ?

doddo999

vlastne ano, ja to bezne nepouzivam... pardon

Luigy88

Dakujem, funguje to, ale trapi ma este jedna- posledna vec

Obrazok som dal na index.php , ale ak kliknem dalej na ostatne podstranky, tak sa ten obrazok zobrazuje aj tam...Ja by som ale chcel aby to nesposobilo ako nejaka buzeracia, takze aby sa to zobrazovalo iba na úvodnej stranke....
Asi to bude tym ze ostatne stranky sa otvaraju ako : .....sk/index.php?page=
doddo nieco spomynal hned v prvom jeho prispevku ako sa to riesi, ale ja som to nevedel napasovat do mojho kodu, ktory vyzera takto:

Kód: Vybrať všetko

<head>

<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
     $('#load_first').show();
     $('#load_first').click(function(){
       $(this).hide();
     });
  });
</script> 

</head>

<script type="text/javascript">
      $(document).ready(function(){
         $('#load').show();
         $('#load').click(function(){
           $(this).hide();
         });
      });
    </script>
    
    <style type="text/css">
        #load{
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background-color: #f5f5f5;
            margin: 0px auto;
            padding: 0px;
            text-align: center;
        }
        #load_img{
            position: relative;
            top: 30%;
            width: 800px; 
            height: 564px; 
	z-index: 1;
            background-color: black;
        }
    </style>


<body>
 <div id="load"><img id="load_img" src="1.jpg" /></div>

Ďakujem za pomoc

doddo999

na uplny zaciatok dokumentu vlozis toto

Kód: Vybrať všetko

<?php session_start(); ?>

a namiesto tohto

Kód: Vybrať všetko

<div id="load"><img id="load_img" src="1.jpg" /></div>

vlozis toto:

Kód: Vybrať všetko

<?php
    if(@$_SESSION["first_load"]!=true){
        @session_register("first_load");
        echo "<div id=\"load\"><img id=\"load_img\" src=\"1.jpg\" /></div>";
        @$_SESSION["first_load"]=true;
    }
?>

Uvítací obrázok na stránku

Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku

Re: Uvítací obrázok na stránku