Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [inny]jquery-problem z pojawiajacym sie tekstem
pollock
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 21.11.2008
Skąd: Londyn

Ostrzeżenie: (0%)
-----


witam,
realizuje projekt strony na ktorej jest tlo rozciagajace sie na caly format strony.
Mam problem z tekstem i funkcja fadeIn ktora w tej konfiguracji nie chce zadzialac.
Jest to tylko przyklad ale jestem wobec niego bezsilny.
Podaje kod ktory nie dziala.

Prosze o pomoc.
Kod
<!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">
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>Supersized - Full Screen Background/Slideshow jQuery Plugin</title>
<script src="jquery-1.4.min.js" type="text/javascript"></script>



  <script type="text/javascript">
    
     $(document).ready(function()
{
         // fade in content.
         $( '#content-wrapper' ).fadeIn("slow");        
});

    
    
     $(function(){
         $.fn.background.options = {  
             startwidth: 1024,  
             startheight: 768,
             minsize: .50,
             slideinterval: 5000  
         };
         $('#background').supersized();
     });





</script>
        

     <style type="text/css">
     #content-wrapper
{
     display:none;    
}


*{
             margin:0;
             padding:0;
             font:60px "Gotham Black", Arial, sans-serif;
             color:#FFF;
         }
         img{
             border:none;
         }
         body {
             overflow:hidden;/*Needed to eliminate scrollbars*/
         }
         #content{
             margin:0px auto;
             height:100px;
             width:100%;
             bottom:5%;
             background-color:#262626;
             border-top:3px solid #4F4F4F;
             border-bottom:3px solid #4F4F4F;
             position:absolute;
         }
         #contentframe{
             text-align:center;
         }
        
         /*Supersize Plugin Styles*/
         #supersize img, #supersize a{
             height:100%;
             width:100%;
             display:none;
         }
         #supersize .activeslide, #supersize .activeslide img{
             display:inline;
         }




     </style>
</head>

<body>

<div id="supersize">
     <a class="activeslide"><img src="spinka_web/images/background.jpg" name="supersize" id="supersize"=></a>
<div id="content-wrapper">
  
The page content goes here!
  
</div><!-- content-wrapper -->


</body>
</html>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Czadus
post
Post #2





Grupa: Zarejestrowani
Postów: 164
Pomógł: 4
Dołączył: 29.08.2008

Ostrzeżenie: (0%)
-----


1. Nie widzę dołączonej biblioteki supersized.js
2. $('#myOwnContent').fadeIn(5000); pojawia się dwukrotnie w kodzie, niepotrzebnie
3. wszystkie style css możesz przenieść do zewnętrznego pliku

Co do pozostałej części kodu, to już nie wiem, co dokładnie jest Ci potrzebne z aktualnie działającej wersji, a co nie.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 19:54