Medias
- Details
A noter que depuis début 2019 l'API Google Picasa ne fonctionne plus.
Donc de nombreux plugins non plus.
A ma connaissance seul le plugin OzioGallery permet d'accéder aux photos de Google.
Le plugin rokbox n'est plus compatible avec Joomla 4.0
Il utilise mootools.js qui ne fait plus partie du package Joomla.
{slider Medias}
{slider Phocagallery|blue}
Plugin phocagallery
Site Phocagallery
Phoca Gallery - Joomla! Extensions Directory
Ce plugin permet d'afficher les images Phocagallery
Il peut remplacer le plugin Phocagallery slideshow, sauf que le slideshow s'affiche dans la même fenêtre.
Syntaxe
{phocagallery view=category-masonry|categoryid=4|limitstart=0|limitcount=0}
Résultat
Autre exemple
{phocagallery view=category|id=4| imageid=0|limitstart=0|limitcount=10| fontcolor=#B88A00|bgcolor=#FFBF00|bgcolorhover=#BFFF00|imagebgcolor=#FFD24D|
bordercolor=#B88A00|bordercolorhover=#86B300| detail=1|displayname=1|displaydetail=1|displaydownload=0|float=right}
Résultat
Plugin Phocagallery slideshow
|
En attente d'une version compatible Joomla 4.0 !!!
Réponse sur le forum: https://www.phoca.cz/forum/viewtopic.php?t=63444 Hi, generally, the problem with slideshows is, they are mostly not responsive or have problems when displayed on responsive websites. The update of plugin did not get high priority, because mostly such type of slideshow was abandoned and standard plugin with e.g. popup slideshow is used. |
Syntaxe
{pgslideshow id=4|width=100|height=100|delay=3000|image=M}
Résultat
{pgslideshow id=4|categoryid=4|width=100|height=100|delay=3000|image=M}
{slider OzioGallery|blue}
https://extensions.joomla.org/extensions/extension/photos-a-images/galleries/ozio-gallery/
Description
Ozio Gallery est un composant Joomla permettant l'affichage d'une galerie de photos ou Vidéos
venant de Flickr.com, de Google Photos, ou de Youtube.
Arret du service Google Photos
voir http://www.jltryoen.fr/blog/279-lacces-a-google-photos-via-lapi-google-photos-nest-plus-autorise
Le composant nécéssite pour Google Photos d'avoir créé un profil développeur
https://console.developers.google.com
Exemple
|
Dans la version 6.0 il y a un petit bug que j'ai corrigé!!! |
--- a/administrator/components/com_oziogallery4/views/setup_auth/view.html.php
+++ b/administrator/components/com_oziogallery4/views/setup_auth/view.html.php
@@ -68,7 +69,7 @@ class OzioViewSetup_Auth extends JViewLegacy
// $document->addScript("https://accounts.google.com/gsi/client");// async defer
// $document->addScriptDeclaration('ozio_setup_auth();');
-$document->addScript("https://apis.google.com/js/client.js?onload=ozio_setup_auth","text/javascript",true,true);// async defer
+ $document->addScript("https://apis.google.com/js/client.js?onload=ozio_setup_auth");//JLT,"text/javascript",true,true);// async defer
JE maintiens un fork de la repo github avec les modifications pour Joomla 5.0
{/sliders}
Mon premier plugin
- Details
J'ai décidé de créer mon premier plugin.
L'objectif à terme est d'ajouter mes plugins à Joomla.
Je voulais commencer par en faire un très simple.
Le plugin doit permettre d'afficher "Hello World" en mode normal, italique ou gras, juste en ajoutant
{hello style=normal|italic|bold}
Le résultat
Hello World
Hello World
Hello World
Coloration Syntaxique
- Details
Mes essais sur les différents plugins
PRISM SyntaxHighlighter
Fournisseur
https://www.andrehotzler.de/en/projects/prism-prismjs-com-syntaxhighlighter-for-joomla.html
Description
Ce plugin est basé sur https://prismjs.com/
un "syntaxhighlighter" codé en javascript
La syntaxe
<pre class="langage-php" > $variable = "Ceci est un message test !";</pre>
Le résultat
$variable = "Ceci est un message test !";
Geshi
La syntaxe
<pre xml:lang="javascript" lines="true" > var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-19694431-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </pre>
|
Attention à bien placer xml:lang juste après la balise pre |
Le résultat
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-19694431-1']);
- _gaq.push(['_trackPageview']);
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
Site github
J'ai fait un "fork" du repo principal non mis à jour depuis 12 ans !!!
https://github.com/JLTRY/Joomla-GeSHi
SyntaxHighlighter
Fournisseur
|
http://alexgorbatchev.com/SyntaxHighlighter/ Le site n'existe plus. Le plugin n'utilise que du javascript, contrairement à la famile geshi qui elle utilise du php. Le site ne fonctionne pas très bien. |
La syntaxe
<pre class="brush:php;gutter:false;toolbar:false"> public static function getpost() { if (version_compare(JVERSION, '4.0', 'ge')){ return JFactory::getApplication()->input->getArray(array()); } else { return call_user_func_array('AttachmentsHelper::get', ['post']); } } </pre>
Le résultat
public static function getpost() { if (version_compare(JVERSION, '4.0', 'ge')){ return JFactory::getApplication()->input->getArray(array()); } else { return call_user_func_array('AttachmentsHelper::get', ['post']); } }
Correctif
J'ai eu un souci sous Internet Explorer
J'ai fait un correctif dans syntaxhighlighter:
JFactory::getDocument()->addScriptDeclaration($js); //added JFactory::getDocument()->addScript( 'plugins/content/syntaxhighlighter/js/shBrushPhp.js' ); JFactory::getDocument()->addScript( 'plugins/content/syntaxhighlighter/js/shBrushCss.js' );
Liens utiles
- PRISM (prismjs.com) SyntaxHighlighter for Joomla! - Andre Hotzler EDV-Dienstleistungen
- Joomler SyntaxHighlighter - Joomla! Extensions Directory
- syntaxhighlighter/syntaxhighlighter: SyntaxHighlighter is a fully functional self-contained code syntax highlighter developed in JavaScript.
- SyntaxHighlighter-3.0.83-after-AJAX-call-Cant-find-brush-for-BRUSH-fix
- occams-razor-and-brushes
- GeSHi - Generic Syntax Highlighter :: Home