lightbox2 vs lightbox_slidshow in php

[sirkserac]

hallo,

heb een klein probleempje met lightbox_slidshow, ik zal mss eerst even mijn pagina structuur tonen:

al mijn paginas zijn in php waar ik voor het content gedeelte mijn data uit een mysql database haal door dit:

 <?php
echo $data['data'];
?>

de data die daar inkomt zie je hier:

<h2>Kaffee</h2>

      <p>
      <a href="images/kaffee/kaffee11.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: interieur"><img src="images/kaffee/kaffee11.jpg" alt="'t Sportkaffee" class="left" width="20%" height="20%"></a>

<b>‘t SportKaffee</b> onderscheidt zich door speciale/streekbieren, <br>(h)eerlijke wijnen en een enorm
assortiment gedistilleerde dranken aan te bieden.<br><br>
Zo kan je zowel de gekende bieren <b>Omer, Duvel, Karmeliet</b> alsook <b>César </b>nuttigen maar is er ook
plaats voor de Trappisten bieren van <b>Westmalle, Chimay, Achel, La Trappe, Orval en Rochefort </b>.
Ook minder bekende maar zeker even lekkere bieren zijn verkrijgbaar. Als <b>Dulle Teve, Tempelier,
St-Bernardus</b> (de evenknie van West-Vletteren!),<b> Piraat of Straffe Hendrik </b> geen belletje doet
rinkelen, kom deze dan eens proberen.<br><br><a href="images/kaffee/kaffee16.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee:    sterke dranken"><img src="images/kaffee/kaffee16.jpg" alt="'t Sportkaffee" class="right" width="20%" height="20%"></a>
Het aanbod sterke dranken is ongezien voor een Kaffee/sportclub! Wij werken niet met de traditionele
merken maar enkel met <b>premium spirits!</b>
Het stokpaardje van de zaak is het gamma aan Gin’s. <b>Bombay</b> is de standaard maar daarnaast
kan je hier toppers als <b>Hendrick’s, Tanqueray 10, Monkey 47, Geranium en Botanist</b> proeven.
Zelf de Belgische Gin van <b>Filliers London Dry 28</b> is aanwezig. Maak zelf uw keuze uit minimaal <b>12
soorten</b> en ontdek zo welke smaak het best bij jou past! Je hebt zelfs de keuze uit 3 smaken tonic:
<b>Schweppes, Fever Tree & Fentiman’s</b>.
Het aanbod aan Rhum’s is ook om u tegen te zeggen: Met namen als <b>Mount Gay, Flor de caña</b> en
<b>Zacapa </b>is de top nadrukkelijk aanwezig. Verder kan je ook nog eens kiezen uit een heus gamma aan
steeds wisselende Whiskey’s !<br><br>
Drinkt u liever een wijntje? Geen probleem! Voor (h)eerlijke wijntjes uit Chili en Argentinië ben je in <br>‘t
SportKaffee zeker aan het juiste adres.<br><br>
Tevens is het mogelijk om flessen aan te kopen voor thuisgebruik en zijn er maandspecials op de
krijtborden terug te vinden.</p>
<p class="hidden">
<a href="images/kaffee/kaffee1.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: inkom">&nbsp;</a>
<a href="images/kaffee/kaffee2.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: inkom">&nbsp;</a>
<a href="images/kaffee/kaffee3.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: open">&nbsp;</a>
<a href="images/kaffee/kaffee4.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: inkom">&nbsp;</a>
<a href="images/kaffee/kaffee5.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: parking">&nbsp;</a>
<a href="images/kaffee/kaffee6.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: interieur">&nbsp;</a>
<a href="images/kaffee/kaffee7.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: interieur">&nbsp;</a>
<a href="images/kaffee/kaffee8.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: interieur">&nbsp;</a>
<a href="images/kaffee/kaffee9.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: interieur">&nbsp;</a>
<a href="images/kaffee/kaffee10.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: interieur">&nbsp;</a>
<a href="images/kaffee/kaffee12.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: sterke dranken">&nbsp;</a>
<a href="images/kaffee/kaffee13.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: sterke dranken">&nbsp;</a>
<a href="images/kaffee/kaffee14.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: sterke dranken">&nbsp;</a>
<a href="images/kaffee/kaffee15.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: sterke dranken">&nbsp;</a>
<a href="images/kaffee/kaffee17.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: sterke dranken">&nbsp;</a>
<a href="images/kaffee/kaffee18.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: sterke dranken">&nbsp;</a>
<a href="images/kaffee/kaffee19.jpg" rel="lightbox[kaffee]" title="'t Sportkaffee: open">&nbsp;</a>
</p>

Je ziet dat er redelijk wat images verborgen staan maar wel de zelfde galerij naam hebben en hidden staan (via css) omdat dit anders te veel plaats inneemt op mijn pagina's.

ik maakte eerst gebruik van lightbox2 om de afbeeldingen te tonen als men op 1 die wel zichtbaar staat klikt. dit werkte perfect maar ik kon blijkbaar nergens een optie aanzetten dat er automatisch geslide word tss al de afbeeldingen. (we kunnen ze dus wel allemaal zien door op next of prev te klikken).

nu kwam ik lightbox_slidshow tegen en heb dit geprobeert maar als ik nu op een foto klik dan krijg ik gewoon de afbeelding te zien zonder enige layout. ik heb dan de data die in de database staat terug in het content gedeelte geplaatst (wat eigenlijk niet de bedoeling is aangezien ik ook fckeditor gebruik) en zo werkt het wel. iemand een idee om die links toch te pushen of een idee wat de oorzaak kan zijn?

alvast bedankt

 

[sirkserac]

heb het gevonden, heb het volgende toegevoegd aan de body tag:

<body onload="initLightbox()">

maar in IE werkt het niet

iemand een ander idee?

 

[sirkserac]

maar nu werkt dit niet meer :-(

<script type="text/javascript">

<!--



SLIDES = new slideshow("SLIDES");



// Create some slides and add custom filters for Microsoft IE



SLIDES.add_slide(s = new slide('images/slides/0.jpg'));

s.filter = 'progid:DXImageTransform.Microsoft.Pixelate()';



SLIDES.add_slide(s = new slide('images/slides/1.jpg'));

s.filter = 'progid:DXImageTransform.Microsoft.Pixelate()';



SLIDES.add_slide(s = new slide('images/slides/2.jpg'));

s.filter = 'progid:DXImageTransform.Microsoft.Fade()';



SLIDES.add_slide(s = new slide('images/slides/3.jpg'));

s.filter = 'progid:DXImageTransform.Microsoft.Barn()';



SLIDES.add_slide(s = new slide('images/slides/4.jpg'));

s.filter = 'progid:DXImageTransform.Microsoft.Barn()';



SLIDES.add_slide(s = new slide('images/slides/5.jpg'));

s.filter = 'progid:DXImageTransform.Microsoft.Barn()';



SLIDES.add_slide(s = new slide('images/slides/6.jpg'));

s.filter = 'progid:DXImageTransform.Microsoft.Barn()';



SLIDES.add_slide(s = new slide('images/slides/7.jpg'));

s.filter = 'progid:DXImageTransform.Microsoft.Barn()';





//-->

</script>

</head>

<body onload="SLIDES.play();initLightbox()">

<div class="container">
  <header>
   <img src="images/header_bg2.jpg" alt="Insert Logo Here" width="860" height="200" id="Insert_logo" style="display:block;" /></a>
  </header>
  <div class="sidebar1">
    <ul class="nav">
       <li><a href="index.php">Home</a></li>
      <li><a href="kaffee.php">Kaffee</a></li>
      <li><a href="fingerfood.php">Fingerfood</a></li>
      <li><a href="activiteiten.php">Activiteiten</a></li>
      <li><a href="tennis.php">Tennis</a></li>
      <li><a href="squash.php">Squash</a></li>
      <li><a href="live.php">Live sports</a></li>
      <li><a href="bluemoon.php" class="active">Blue Moon Belgium</a></li>
      <li><a href="contact.php">Contact</a></li><br>
      <img name="SLIDESIMG" src="images/slides/0.jpg"  border="0" style="filter:progid:DXImageTransform.Microsoft.Fade()" alt="Slideshow image" class="shadow" />

 <script type="text/javascript">

		<!--
	  			  if (document.images) {

			  			  SLIDES.image = document.images.SLIDESIMG;
			  			  var fadein_opacity = 0.04;
			  			  var fadein_img = SLIDES.image;
			  			  function fadein(opacity) {

			  			    if (typeof opacity != 'undefined') { fadein_opacity = opacity; }

			  			    if (fadein_opacity < 0.99 && fadein_img && fadein_img.style &&

			  			        typeof fadein_img.style.MozOpacity != 'undefined') {



			  			      fadein_opacity += .05;

			  			      fadein_img.style.MozOpacity = fadein_opacity;

			  			      setTimeout("fadein()", 50);

			  			    }

			  			  }



			  			  // Tell the slideshow to call our function whenever the slide is changed

			  			  SLIDES.post_update_hook = function() { fadein(0.04); }



			  			  }





			  			  //-->

	  </script>
    </ul>
  </div>

kan ik mss script gedeelte in een appart script plaatsen ? iemand een idee, de sliding werkt niet meer nu

 

[csshunter]

Hoi sirkserac,
Het is een beetje koffiedik kijken, als we de complete kaffee-pagina niet kunnen zien.
Heb je een link?

Met vriendelijke groet,
CSShunter

 

[sirkserac]

hey, bedankt voor je reactie, de site staat nog niet online en webruimte is nog in aanvraag, ik test alles offline met wamp server, ik ga het gewoon houden zonder de slite want ineens werkte andere dingen weer niet. toch bedankt