woensdag, 01 september 2010 20:39 |
Afbeeldingen in artikelen inzoomen
Wanneer je een afbeelding in een artikel plaatst, dan kun je hier een hele mooie inzoom functie voor installeren. Als je op de onderstaande afbeelding klikt, dan zie je wat ik bedoel.
Dit effect kun je realiseren met de plugin "Joomslide". Na installatie en het op "geactiveerd" zetten van Joomslide, is het zeer eenvoudig om je bezoekers de mogelijkheid te geven om foto's in te zoomen. Dit doe je op de volgende manier:
- Voeg een afbeelding toe aan je artikel
- Geef deze afbeelding de gewenste afmetingen (hoogte en breedte)
- Zet dan de artikel editor even in HTMLmode (de TinyMCE editor heeft een "html" knop, de JCE editor heeft net boven de knoppenbalk een "show/hide" link
- Wanneer je in de HTML mode zit, zoek dan even de code op van de afbeelding die je zojuist hebt toegevoegd (dit ziet er als volgt uit: <img src="/Jouwplaatje.jpg">
- Zet nu meteen achter "<img" het volgende: class="joomslide"
- Het ziet er dus als volgt uit: <img class="joomslide" src="/jouwplaatje">
- Sla het artikel op en bewonder het resultaat op je website (eventueel moet je nog even een menu item voor het artikel aanmaken).
Wanneer je op deze manier meerdere afbeeldingen aan je artikel toevoegt, dan creëer je eigenlijk een mini foto album in je artikel.
In sommige gevallen verschijnen er foutmeldingen wanneer je bovenstaande stappen uitvoert. Dit ligt aan het volgende, de Joomslide plugin maakt in de map "images/stories" een nieuwe map aan met de naam "thumbs". Daarin zet de plugin de verkleinde versies van je afbeelding. Wanneer de plugin onvoldoende rechten heeft op deze map "thumbs", dan worden deze foutmeldingen getoond.
In dit geval versoepel je de rechten op deze map. Vervolgens voeg je via de bovenstaande stappen een afbeelding in en sla je het artikel op. Omdat de plugin nu meer rechten op de map "thumbs" heeft, zal hij de verkleinde afbeelding kunnen wegschrijven. Daarna kun je de rechten op de map "thumbs" weer strakker instellen.
Wanneer je de Joomslide plugin hebt geïnstalleerd, dan vind je deze terug onder "extensies --> plugin beheer", onder de naam "Content - Joomslide". In de plugin kun je nog een aantal instellingen naar je eigen smaak aanpassen.
De Joomslide plugin vind je hier
Hartelijke groet,
Mindert Aardema
TweetLaatst aangepast (donderdag, 06 oktober 2011 19:44)
Reacties
Werkt geweldig in oude versie trouwens!!
Werkt perfect
Bedankt voor deze Pluginn
Jan
Ook module login en polls geven error 404.
Jammer dat deze plugin niet werkt in Joomla 1.6
Weer bedankt voor de geweldige tip.
Ik heb een beetje andere vraag.
Kan ik de tekst over een foto laten scrollen? Ik heb het geprobeerd met een ander tip van je over html code gebruiken maar kreeg het niet voor elkaar.
Bedankt nogmaals voor al je nuttige bbijdragen. Ronald Bode.
krijg het niet voor elkaar, precies gedaan wat je hebt aangegeven; heb ook de plugin voor html in Joomla er bij gezet, maar ziet de code niet; verandert niets. enfin, we blijven experimenteren.
Super bedankt weer voor deze plugin, erg leuk echter 1 vraag.
Foto op de site ziet er verkleind erg bluri uit echter bij vergroten super scherp, enig idee waar dit aan kan liggen?
Mvgr. Bob