bij een 2e tap de caption laten verdwijnen kan ook niet… Dan ontneem je de bezoeker de mogelijkheid om naar die pagina toe te navigeren.
Touch apparaten hebben geen ‘hover’ state dus daar ga je de oplossing ook niet in vinden.
Hi Richard,
dank voor je reactie. Ja, dat is waar van die hover-state, maar meestal breekt een mobiele browser dat in verschillende stappen of laat het effect gewoon links liggen…
In dit geval lijkt het alsof het javascript een stap mist. Het script wordt pas bij opnieuw aanklikken alsnog afgemaakt, zeg maar – dan zie je de caption verdwijnen en direct daarna vindt vanzelf het doorlinken plaats. Ik dacht zo: misschien is die laatste actie dan ook zo te scripten dat hij eerder plaatsvindt…
Ook is het zo dat het plaatje de eigenlijke link is, niet de caption. Die wordt alleen opgeroepen door de link. Daarom dacht ik dat het misschien een kwestie was van het anders scripten van de opeenvolgende mouse events.
Maar misschien heb je gelijk, ik weet zelf te weinig van javascript. Voorlopig moet het maar zo.
Inmiddels heb ik na veel gepuzzel alsnog een oplossing gevonden die lijkt te werken:
In het originele Slim Jetpack Tiled Gallery .js file kun je dit deel vervangen:
TiledGallery.prototype.Captions = function() {
/* Hide captions */
this.caption.hide();
this.item.on( 'hover', function() {
$( this ).find( '.tiled-gallery-caption' ).slideToggle( 'fast' );
});
};
door dit:
TiledGallery.prototype.Captions = function() {
/* Hide captions */
this.caption.hide();
this.item.hover(
function() { $( this ).find( '.tiled-gallery-caption' ).slideDown( 'fast' ); },
function() { $( this ).find( '.tiled-gallery-caption' ).slideUp( 'fast' ); }
);
this.item.click(
function() { $( this ).find( '.tiled-gallery-caption' ).slideUp( 'fast' ); }
);
};
De caption scrollt nu weg na klikken en voordat je naar de gelinkte pagina gaat. Werkt in Firefox, Safari, Chrome (Mac en PC) en iOS. Alleen niet getest in IE.
Nu nog uitvinden hoe dat vervangen gaat als je dat m.b.v. de functions.php van het child thema wil doen i.p.v. door het originele .js aan te passen. Zie mijn post hier . Weet iemand dat misschien?
Hulp is nog steeds welkom: misschien bestaat er een betere oplossing?