Problem mit der Fancybox.

world · 11.05.2012

Ich beschäftige mich jetzt im Moment ja mit PHP und Jquery. Jetzt hab ich da ein Problem und komme einfach nicht weiter.

Code:

<script>
    $(document).ready(function()
    {
        function formatTitle(title,
            currentArray,
            currentIndex,
            currentOpts){
                return '<div id=" custom-title">'
			+(title && title.length ? '<b>' '+title+' </b>' : "" )
				+ ' | Bild' + (currentIndex +1) +'von'
				+ currentArray.length +'</div>';}
				  $ (a[rel =lightpopup].fancybox ({
          'padding':0,
          'transitionIn':'elastic',
          'transitionOut':'elastic',
          'speedIn':600,
          'speedOut':200,
          'overlayShow':true,
          'overlayOpacity':0.8,
          'hiddeOnContentClick':false,
          'titleFormat':formatTitle
      });

       })
       } );
    </script>>

Genau bei der Zeile +(title && title.length ? '<b>' '+title+' </b>' : "" ) zeigt mir Dreamweaver immer wieder einen Fehler an. Hab schon unter Google gesucht und auf der Jquerry Seite aber ich finde meinen Fehler einfach nicht.

Die Html sieht komplett so aus:

Code:

    <link href="style.css" type="text/css" rel="stylesheet">
    <link href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" />
    <script type="text/javascript" src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.js"></script>
    <script type="text/javascript" src="jquery.fancybox-1.3.4/fancybox/jquery.easing-1.3.pack.js"></script>
    <script type="text/javascript" src="jquery.fancybox-1.3.4/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="jquery.fancybox-1.3.4/jquery-1.4.3.min.js"></script>

  <script>
    $(document).ready(function()
    {
        function formatTitle(title,
            currentArray,
            currentIndex,
            currentOpts){
                return '<div id=" custom-title">'
			+(title && title.length ? '<b>' '+title+' </b>' : "" )
				+ ' | Bild' + (currentIndex +1) +'von'
				+ currentArray.length +'</div>';}
				  $ (a[rel =lightpopup].fancybox ({
          'padding':0,
          'transitionIn':'elastic',
          'transitionOut':'elastic',
          'speedIn':600,
          'speedOut':200,
          'overlayShow':true,
          'overlayOpacity':0.8,
          'hiddeOnContentClick':false,
          'titleFormat':formatTitle
      });

       })
       } );
    </script>


</head>

<body>
<a rel="lightpopup" href="image/Bild-1.jpg" title="Die Maske">
<img  src="image/tn_Bild-1.jpg" title="Die Maske" />
</a>
<a rel="lightpopup" href="image/Bild-2.jpg" title="Das Schloss">
<img  src="image/tn_Bild-2.jpg" title="Das Schloss" />
</a>
<a rel="lightpopup" href="image/Bild-3.jpg" title="Der Mond ">
<img  src="image/tn_Bild-3.jpg" title="Der Mond" />
</a>
<a rel="lightpopup" href="image/Bild-4.jpg" title="Die Steine">
<img  src="image/tn_Bild-4.jpg" title="Die Steine" />
</a>
<a rel="lightpopup" href="image/Bild-5.jpg" title="Schl&uuml;ssel">
<img  src="image/tn_Bild-5.jpg" title="Schl&uuml;ssel" />
</a>
<a rel="lightpopup" href="image/Bild-6.jpg" title="M&auml;dchen 1">
<img  src="image/tn_Bild-6.jpg" title="M&auml;dchen 1" />
</a>
<a rel="lightpopup" href="image/Bild-7.jpg" title="M&auml;dchen 2">
<img  src="image/tn_Bild-7.jpg" title="M&auml;dchen 2" />
</a>
<a rel="lightpopup" href="image/Bild-8.jpg" title="M&auml;dchen 3">
<img  src="image/tn_Bild-8.jpg" title="M&auml;dchen 3" />
</a>


</body>

mindraper · 12.05.2012

AW: Problem mit der Fancybox.

hi.

ein ' (single quote) in '<b>' -->'<--+ title + '</b>' ist bei dir zuviel. das fette und markierte.

gruß