tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
506
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    bigmex bigmex ist offline Grünschnabel
    Registriert seit
    Jun 2004
    Beiträge
    2
    Hallo,

    kann mir jemand einen Tipp geben wie ich am schlausten Videos und Bilder in der Fancybox realisieren kann? Was es Fancybox angeht, bin ich totaler Anfänger, deshalb entschuldigt falls es doch eine Kleinigkeit sein sollte.

    hier mein head code:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Koncept</title>
    <link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
    <!-- menu css and js files here -->
    <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen"/>
    <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="js/hoverIntent.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript">
     
            // initialise plugins
            jQuery(function(){
                jQuery('ul.sf-menu').superfish();
            });
     
            </script>
    <!-- Fancybox Start-->
    <link rel="stylesheet" type="text/css" href="css/fancybox.css" media="screen" />
    <script type="text/javascript" src="js/easing.1.3.js"></script>
    <script type="text/javascript" src="js/fancybox-1.2.1.pack.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("p.fancy a").fancybox();
        });
    </script>
    <!-- Fancybox End-->
    <!--[if lt IE 7]>
            <script type="text/javascript" src="unitpngfix.js"></script>
        <![endif]-->
    <style type="text/css">
    .auto-style1 {
        font-size: 100%;
        color: #666666;
    }
    </style>
    </head>



    Bilder funktionieren nur wenn ich ein Video noch hinzufügen möchte, wird das Video nicht angezeigt.


    Code :
    1
    2
    3
    4
    5
    6
    7
    
          <!-- Begin : Posts Box  -->
          <div class="port">
            <h5><a href="#"><span class="auto-style1">Web Seite</span></a></h5>
            <p class="fancy"> <a rel="group" title="slide_image1 title write here" href="http://www.tutorials.de/images/big_img1.jpg"> <img src="http://www.tutorials.de/images/image1.jpg"  class="img_border" alt="image1"/> </a> <span>
            Text Text Text Text</span> </p>
          </div>
          <!-- End : Posts Box -->


    Vielen Dank

    bigmex
    Geändert von bigmex (21.01.12 um 20:11 Uhr)
     

  2. #2
    Avatar von tobee
    tobee tobee ist offline Grolba.com media
    Registriert seit
    Jul 2005
    Ort
    Karlsruhe
    Beiträge
    1.700
    Blog-Einträge
    131
    Dieser Artikel beschreibt sehr gut wie man das realisieren kann
     

Ähnliche Themen

  1. Problem mit Fancybox
    Von masenase im Forum CSS
    Antworten: 5
    Letzter Beitrag: 06.10.11, 22:50
  2. Fancybox mit divs
    Von kaim im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 06.08.11, 17:49
  3. Fancybox und IE9
    Von nordi im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 27.07.11, 12:38
  4. Fancybox-1.3.1 und IE8 Problem
    Von qwartzi im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 20.07.10, 07:18
  5. 10 sec. Frage zur Fancybox
    Von chromax im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 02.09.09, 16:01