Twee keer aanroepen Gallery lukt niet en resulteerd in 1 werkende

[wpbremer]

Met dank aan RonnyK heb ik de CrossSlide slideshow werkend gekregen in Gallery.

In mijn sjabloon laat ik op iedere pagina middels deze code:

Code: Select all

{Gallery dir=Websitebanner/$page_alias template=CrossSlide}

foto's uit een map halen die gelijk is aan de $page_alias. Dit werkt allemaal erg goed, maar ik loop toch tegen een probleempje op.

Op de pagina fotos roep ik een gallery aan met:

Code: Select all

{Gallery template="Lightbox" dir="Diversen"}

maar juist op die pagina werkt de CrossSlide niet. Wanneer ik bovenstaande code weghaal werkt de CrossSlide wel weer.

De Gallery wordt dus twee keer op dezelfde pagina aangeroepen en geeft in mijn situatie dus problemen.

Hier is het probleem te zien:  www.itkikkertfiskje.nl

Alvast bedankt voor het meedenken.

Edit: Ik zie dat hij in IE8 helemaal niet werkt, in FF en Chrome werkt ie wel, alleen de fotopagina dus niet

[Rolf]

De Gallery wordt dus twee keer op dezelfde pagina aangeroepen en geeft in mijn situatie dus problemen.

Dat zou kunnen kloppen.
In de sjablonen van Gallery worden verschillende waarden en variabelen in de stylesheet bepaald.
De variabelen zullen in meerdere sjablonen dezelfde zijn, en daar gaat het fout. Je kunt geen twee waarden aan één variabele geven.

wat je zou kunnen proberen is de variabele namen van één sjabloon aan te passen.
class="img" wordt dan class="img1" bijvoorbeeld.
Wellicht lost dit het al op.

grt. Rolf

[wpbremer]

Oke, ik heb het lightbox sjabloon aangepast, daar er in CrossSlide sjabloon geen img voorkomt.

Helaas lost dit het probleem niet op.

Toch maar naar een andere oplossing zoeken om per pagina 2 foto's in crossslide te laten zien??

[Rolf]

Het kunnen meer variabelen zijn natuurlijk. Img was maar een voorbeeld
Maar daarnaast zou ook jQuery problemen kunnen geven. Maar dat is meer iets voor Jos 

grt. Rolf

[wpbremer]

Oke, ja zou ook jquery kunnen zijn, daar hij helemaal niet werkt in IE8.

[Jos]

Lightbox gebruikt prototype en scriptaculous. Het is best mogelijk dat deze het jquery script beïnvloedt.
Ik ben wel benieuwd wat er gebeurt als je ipv lightbox de standaard fancybox template gebruikt. Moet je wel eerst even de aanroep naar de jquery library uit de fancybox verwijderen, omdat die niet twee keer gedaan mag worden.

[deactivated010521]

----------

[wpbremer]

http://forum.cmsmadesimple.org/index.php?topic=44021.0

Hiermee heb ik het probleem in FF opgelost.

Blijft het probleem nog over dat in IE de CrossSlide niet zichtbaar is.

Wanneer ik de broncode bekijk staat het script er keurig in. Waar moet ik de oplossing van dit laatste puntje zoeken?

[wpbremer]

Goed ik denk dat ik weet waarom IE niks laat zien. Ik gebruik de volgende code:

Code: Select all

<div id="slideshow">

{literal}
<__script__ type="text/javascript">
jQuery.noConflict( )
  jQuery(document).ready(function() {
    jQuery('#slideshow').crossSlide({
      speed: 60,
      fade: 1
    }, [
{/literal}
{foreach from=$images item=image}
{cycle values='up,down' assign='updown'}
{ldelim} src: '{$image->file}', dir:'{$updown}' {rdelim},
{/foreach}
{literal}
    ])
  });
</__script>
{/literal}
<div style="clear:both;"></div>
</div>

En die geeft de volgende output:

Code: Select all

<__script__ type="text/javascript">
jQuery.noConflict( )
  jQuery(document).ready(function() {
    jQuery('#slideshow').crossSlide({
      speed: 60,
      fade: 1
    }, [


{ src: 'uploads/images/Gallery/Websitebanner/home/ItKikkertFiskje-001.jpg', dir:'up' },

{ src: 'uploads/images/Gallery/Websitebanner/home/ItKikkertFiskje-002.jpg', dir:'down' }[b][color=red],[/color][/b]

    ])
  });
</__script>

Nu ligt het volgens mij (en vele sites) aan het feit dat IE moeite heeft met de rode komma.

Hoe krijg ik die er uit?

[Jos]

Zoiets?

{foreach from=$images item=image name=slideimages}
{cycle values='up,down' assign='updown'}
{ldelim} src: '{$image->file}', dir:'{$updown}' {rdelim}{if !$smarty.foreach.slideimages.last},{/if}
{/foreach}

[wpbremer]

"It works like a charm" zeggen ze dan toch.

Wat zijn jullie goed, dank dank dank.

[Jos]

mooi dan. Overigens in IE7 wordt de kop van de site niet goed weergegeven. Van "Peuterspeelzaal It Kikkertfiskje" ontbreekt de onderste helft.

[wpbremer]

Ik had het gezien ja, in IE7 zit het menu ook niet goed in elkaar.

Moet maar weer even kijken naar de paddings en de margins volgens mij. Dat is nog 1 van de paar probleempjes die ik nog moet oplossen.

Nogmaals bedankt

[wpbremer]

Goed ik dacht dat alles werkte, maar helaas is het niet zo.

Het aanroepen van de foto voor de CrossSlide als banner op mijn site werkt goed, alleen werkt het lightbox sjabloon nu niet meer. Wanneer je op een foto klikt dan opent de foto wel, maar niet in de lightbox. In ie kan ik zien dat er een foutmelding in het bestand prototype.js op regel 3995 teken 7 wordt gegeven.

Wie kan mij helpen dit te verhelpen.

[wpbremer]

Niemand?