Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[JS] fancyBoX problem z umieszczeniem w PHP
#6
Skrypt jakoś ruszył lecz:
-nie działa przewijanie w żaden sposób(myszka, klawiatura, przyciski)
-brak przycisków (wszystkich, jest goła ramka tylko)

Dodałem styl strony do do css w fancybox/source to żadne obrazki strony nie działają...wiec skopiowalem styl fancyboxa do css/ lecz teraz tak jakby brakuje tego stylu fanceboxa (jak wyżej).

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" />
    <meta content="true" name="mssmarttagspreventparsing" />
    <meta http-equiv="imagetoolbar" content="no" />
    <title>Biblioteka ZSHT</title>
    <link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
    <!-- IE fixes -->
    <!--[if lte IE 6]>
    <style type="text/css">
        #ccnt {_height:1200px;}
        .post {padding:0 0 25px;}
    </style>
    <![endif]-->
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>

<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script type="text/javascript">
$(document).ready(function() {

    /* This is basic - uses default settings */
    
    $("a#single_image").fancybox();
    
    /* Using custom settings */
    
    $("a#inline").fancybox({
        'hideOnContentClick': true
    });

    /* Apply fancybox to multiple items */
    
    $("a.group").fancybox({
        'transitionIn'    :    'elastic',
        'transitionOut'    :    'elastic',
        'speedIn'        :    600,
        'speedOut'        :    200,
        'overlayShow'    :    false
    });
    
});
</script>
</head>

<body>

<!-- Header -->
<div id="hdr">

    <!-- Search form -->
    
    <!-- Logo -->
    <div id="logo">
                <a href="#"></a>
    </div>
    
    <!-- Main Menu -->
    <div id="menu">
        <a class="menu_grap" href="index.php">Home</a>
        <a class="menu_freeb" href="books.php">Księgozbiór</a>
        <a class="menu_frm" href="#">Konkursy</a>
        <a class="menu_fnt" href="#">Wystawy</a>
    </div>
</div>

<!-- Main Container -->
<div id="cnt">
    
    <!-- Left Column -->
    <div id="lcnt">
        <!-- Left Column Section Links -->
                <div class="lslink">
                        <a class="tutorial" href="regulamin.php">Regulaminy</a>
                        <a class="showcases" href="catalogs.php">Katalogi</a>
                        <a class="inspiration" href="#">Rozmaitości</a>
                        <a class="brushes" href="contact.php">Kontakt</a>
                        <a class="photoshop" href="news/index.php">Zaloguj</a>
                </div>

        
        <!-- Friends -->
        <h3 class="sidetit_l">Linki</h3>
        <a class="friends" href="http://zsht.pl">ZSHT</a>
    </div>

    <!-- Main - Center Column -->
    <div id="ccnt">

        <!-- Post -->
        <div class="post">
            <!-- Post Title - Permalink -->
<a id="single_image" href="fancybox/demo/1_b.jpg"><img src="fancybox/demo/1_s.jpg" alt=""/></a>
<a id="single_image" href="fancybox/demo/2_b.jpg"><img src="fancybox/demo/2_s.jpg" alt=""/></a>
        </div>
        
        <!-- Pagination -->
        <!-- Center Column bottom Borders -->
        <div id="dummy"></div>
    </div>

    <!-- Right Column -->
    <div id="rcnt">
        <!-- Additional Sections Links -->
        <h3 class="bib"><center>Biblioteka Czynna:</center></h3>
<img src="images/godziny.png" alt="Godziny otwarcia" />


        <!-- Calendar -->
        <p style="line-height: 1cm; ">&nbsp</p>
    <script type="text/javascript" src="http://404bajery.pl/kalendarz/kal.php?tlo=FFFFFF&czcionka=333333&nag=FF9900&dni=FFFFFF&dzis=FF8C00&szer=160"></script>

        
    </div>
    <br style="clear:both;"/>
</div>

<!-- Footer -->
<div id="foo">
    <div id="foot_menu">
        <div id="f_menu">
            <a class="f_grap" href="index.php">Home</a>
            <a class="f_freeb" href="books.php">Księgozbiór</a>
            <a class="f_frm" href="#">Konkursy</a>
            <a class="f_fnt" href="#">Wystawy</a>
        </div>
        <span class="f_left">&copy; 2013 ZSHT. All rights reserved.</span>

        <a class="f_rght" href="" title="Silentkiller">Code&Design SilentKiller & Frixu</a>
    </div>
</div>
</body>
</html>
Odpowiedz


Wiadomości w tym wątku
RE: [JS] fancyBoX problem z umieszczeniem w PHP - przez SilentKiller - 12-06-2013, 20:52

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [CSS]Rozstawienie okna Fancybox Stef@n 1 1,906 30-01-2011, 04:41
Ostatni post: trak

Skocz do:


Użytkownicy przeglądający ten wątek: 2 gości
Sponsorzy i przyjaciele
SeoHost.pl