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
pollock
post
Post #2





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

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

Chyba sie udalo.
Dzieki.
Ale sadze ze teraz mam sporo niepotrzebnego kodu ktory trzeba pousuwac.
Troche sie juz w tym gubie.

Jezeli mozesz to prosze spojrz na to i co ewentualnie mozna oczyscic.

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="file:///D|/jquery/query_site/jquery-1.4.min.js" type="text/javascript"></script>



   <script type="text/javascript">
    
      $(document).ready(function()
{
  
         $('#myOwnContent').fadeIn(5000);      
});

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




</script>
        

      <style type="text/css">
  
  #myOwnContent{
     display: none;
     font-size: 30px;
     position: absolute;
     z-index: 30;
     color: #FF00FF;
     left: 218px;
     top: 117px;
          }
  
  
  
  #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" width="1024" height="768" id="supersize"=></a>
<div id="content-wrapper"></div>
  
  
  
  <div id="myOwnContent">Jakas treść</div>
The page content goes here!
  
</div><!-- content-wrapper -->


</body>
</html>



Aha i jeszcze jedno- czy jest mozliwosc wplywania na warstwy
Chodzi mi o pojawianie sie tekstu ktory jest zawsze na gorze.

Ten post edytował pollock 27.01.2010, 00:05:38
Go to the top of the page
+Quote Post

Posty w temacie
- pollock   [inny]jquery-problem z pojawiajacym sie tekstem   26.01.2010, 18:47:34
- - Czadus   Co dokładnie chcesz osiągnąć Aby treść w znacznika...   26.01.2010, 21:31:39
- - pollock   tak -chce aby na pelnoekranowym tle pojawialy sie ...   26.01.2010, 21:40:56
- - Czadus   Pobrałem ze strony http://buildinternet.com/projec...   26.01.2010, 22:09:59
- - pollock   Chyba sie udalo. Dzieki. Ale sadze ze teraz mam sp...   26.01.2010, 23:38:44
- - Czadus   1. Nie widzę dołączonej biblioteki supersized.js 2...   27.01.2010, 06:53:00
- - pollock   Witam, Wszystko dziala za wyjatkiem niepoprawnego ...   27.01.2010, 10:01:35

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.09.2025 - 23:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn