Forum Debian Users Gang

pink · 2012-12-29 11:14:48

http://bxslider.com/

chce zastosowac taki slider na stronie html

ale nie rozumiem punktu 3
Step 3: Call the bxSlider

tu jest wszystko opisane ale nie umiem tego poprawnie uruchomic
http://www.learningjquery.com/2006/09/introducing-document-ready

tu jest html strony:

Kod:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title> Demo | Responsive Web</title>
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
        <link href="styles/main.css" type="text/css" rel="stylesheet">
        <!--BXSLIDER engine>
        <!-- jQuery library (served from Google) -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <!-- bxSlider Javascript file -->
        <script src="bxslider/js/jquery.bxslider.min.js"></script>
        <!-- bxSlider CSS file -->
        <link href="bxslider/jquery.bxslider.css" rel="stylesheet" />
        <!--BXSLIDER engine-->
        <!--[if lt IE 9]>
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script type='text/javascript' src='scripts/respond.min.js'></script>
    </head>
    <body>
        
        <div id="wrapper">
        
            <header>
                
                <nav id="skipTo">
                    <ul>
                        <li>
                            <a href="#main" title="Skip to Main Content">Skip to Main Content</a>
                        </li>
                    </ul>
                </nav>
                
                <h1>Demo</h1>
                
                <nav>
                    <ul>
                        <li><a href="index.html" title="Home">Home</a></li>
                        <li><a href="shop.html" title="Shop">Shop</a></li>
                        <li><a href="about.html" title="About Me">About Me</a></li>
                        <li><a href="contact.html" title="Contact">Contact</a></li>
                    </ul>
                </nav>
                
                <div id="banner">
                <!--BXSLIDER content-->
                <ul class="bxslider">
                  <li><img src="bxslider/images/pic1.jpg" /></li>
              <li><img src="bxslider/images/pic2.jpg" /></li>
              <li><img src="bxslider/images/pic3.jpg" /></li>
                  <li><img src="bxslider/images/pic4.jpg" /></li>
                </ul>
                <!--BXSLIDER content-->
                    <!--img src="images/kaws.jpg" alt="banner" /-->
                </div>
                
            </header>    
        
            <section id="main">
                <h1>Main section</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            </section>
        
            <aside>
                <h1>Sub-section</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            </aside>
    
        </div>

    </body>
</html>

Ostatnio edytowany przez pink (2012-12-29 11:53:00)

kamikaze · 2012-12-29 12:21:12

W pkt 3. masz kod js, który masz wkleić do kodu strony i tyle. Kod będzie uruchamiał bxslider przy ładowaniu strony.

pink · 2012-12-29 12:27:35

Kod:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title> Demo | Responsive Web</title>
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
        <link href="styles/main.css" type="text/css" rel="stylesheet">
        <!--BXSLIDER engine>
        <!-- jQuery library (served from Google) -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <!-- bxSlider Javascript file -->
        <script type='text/javascript' src='scripts/respond.min.js'></script>
        <script src="bxslider/js/jquery.bxslider.min.js"></script>
        <!-- bxSlider CSS file -->
        <link href="bxslider/jquery.bxslider.css" rel="stylesheet" />
        <!--BXSLIDER engine-->
        <!--[if lt IE 9]>
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        
   <script type="text/javascript" >
   $(document).ready(function(){
   $('.bxslider').bxSlider();
   });
   </script>    
    </head>

ze tak, mam rozumiec???

kamikaze · 2012-12-29 13:05:41

No jakoś tak się js w html osadza ;] Działa?

pink · 2012-12-29 13:32:10

dziala, tylko jeszcze pare innych zeczy bylo trzeba pozmieniac, tak to jest jak sie bezmyslnie kopiuje i wkleja.

zalezalo mi na tej bo jest responsywna i prosta.

Dzieki.

Ostatnio edytowany przez pink (2012-12-29 13:32:45)

pink · 2012-12-29 15:19:30

a moze mi ktos jeszcze podlinkowac cos na temat cms,
jakies podstawy (od czego by mozna zaczac),

tylko nie odsylajcie mnie do google potrzebuje cos sprawdzonego.

yossarian · 2012-12-29 16:15:30

[quote=pink]tylko nie odsylajcie mnie do google potrzebuje cos sprawdzonego.[/quote]
google to sprawdzone źródło ;)

Minio · 2012-12-29 16:55:02

[quote=pink]a moze mi ktos jeszcze podlinkowac cos na temat cms,
jakies podstawy (od czego by mozna zaczac),[/quote]
Tylko wiesz… Twoje pytanie na razie brzmi jak „może ktoś podlinkować coś na temat samochodów?”.

CMS, czyli Content Management System (System zarządzania treścią), to po prostu nazwa pewnej klasy aplikacji. Współcześnie CMS-y kojarzy się głównie z narzędziami do publikowania treści w Internecie, ale do tej samej kategorii należą różne rozwiązania używane wewnątrz korporacji. Tak więc CMS-y różnią się wielkością, możliwościami i sektorem, na który są dedykowane.

Przypuszczam, że nie interesuje Cię pisanie własnego CMS-a, a raczej użytkowanie. W takim wypadku poczytaj sobie o Wordpressie, Drupalu, Joomli. To są chyba najpopularniejsze.

Niemniej dopóki nie doprecyzujesz swojego pytania, raczej nikt nie będzie w stanie Ci sensownie pomóc.

pink · 2012-12-30 07:16:13

precyzyjnie to jak taki cms zaimplementowac na prostej stronie, tak aby przyszly wlasciciel strony mogl w prosty sposob ingerowac w tresc na stronie (glownie chodzi mi o dodawanie grafik, textu)

Minio · 2012-12-30 10:57:44

Jeżeli chodzi tylko o treść, to możesz iść w stronę CMS-ów bez SQL, np. GetSimple, Stacey, Symphony. czy Cushy. Więcej w [url=http://speckyboy.com/2010/07/19/14-light-and-east-to-use-open-source-content-management-systems/]pierwszym lepszym linku z Google[/url].

Jeżeli chcesz przyszłemu właścicielowi umożliwić także zmianę wyglądu itp., to Wordpress albo Drupal.

pink · 2012-12-30 12:39:11

.....wlasnie nie chce umozliwiac zmiany wygladu,
obadam dzieki.

Time (s)	Query
0.00009	SET CHARSET latin2
0.00004	SET NAMES latin2
0.00101	SELECT u., g., o.logged FROM punbb_users AS u INNER JOIN punbb_groups AS g ON u.group_id=g.g_id LEFT JOIN punbb_online AS o ON o.ident='3.12.146.100' WHERE u.id=1
0.00228	REPLACE INTO punbb_online (user_id, ident, logged) VALUES(1, '3.12.146.100', 1732466862)
0.00041	SELECT * FROM punbb_online WHERE logged<1732466562
0.00035	SELECT topic_id FROM punbb_posts WHERE id=218905
0.00006	SELECT id FROM punbb_posts WHERE topic_id=22589 ORDER BY posted
0.00045	SELECT t.subject, t.closed, t.num_replies, t.sticky, f.id AS forum_id, f.forum_name, f.moderators, fp.post_replies, 0 FROM punbb_topics AS t INNER JOIN punbb_forums AS f ON f.id=t.forum_id LEFT JOIN punbb_forum_perms AS fp ON (fp.forum_id=f.id AND fp.group_id=3) WHERE (fp.read_forum IS NULL OR fp.read_forum=1) AND t.id=22589 AND t.moved_to IS NULL
0.00005	SELECT search_for, replace_with FROM punbb_censoring
0.00071	SELECT u.email, u.title, u.url, u.location, u.use_avatar, u.signature, u.email_setting, u.num_posts, u.registered, u.admin_note, p.id, p.poster AS username, p.poster_id, p.poster_ip, p.poster_email, p.message, p.hide_smilies, p.posted, p.edited, p.edited_by, g.g_id, g.g_user_title, o.user_id AS is_online FROM punbb_posts AS p INNER JOIN punbb_users AS u ON u.id=p.poster_id INNER JOIN punbb_groups AS g ON g.g_id=u.group_id LEFT JOIN punbb_online AS o ON (o.user_id=u.id AND o.user_id!=1 AND o.idle=0) WHERE p.topic_id=22589 ORDER BY p.id LIMIT 0,25
0.00080	UPDATE punbb_topics SET num_views=num_views+1 WHERE id=22589
Total query time: 0.00625 s

Forum Debian Users Gang

Ogłoszenie

#1 2012-12-29 11:14:48

pink - Użytkownik

bxslider

Kod:

#2 2012-12-29 12:21:12

kamikaze - Administrator

Re: bxslider

#3 2012-12-29 12:27:35

pink - Użytkownik

Re: bxslider

Kod:

#4 2012-12-29 13:05:41

kamikaze - Administrator

Re: bxslider

#5 2012-12-29 13:32:10

pink - Użytkownik

Re: bxslider

#6 2012-12-29 15:19:30

pink - Użytkownik

Re: bxslider

#7 2012-12-29 16:15:30

yossarian - Szczawiożerca

Re: bxslider

#8 2012-12-29 16:55:02

Minio - Użyszkodnik

Re: bxslider

#9 2012-12-30 07:16:13

pink - Użytkownik

Re: bxslider

#10 2012-12-30 10:57:44

Minio - Użyszkodnik

Re: bxslider

#11 2012-12-30 12:39:11

pink - Użytkownik

Re: bxslider

Stopka forum

Informacje debugowania