Item15214: docu

foswiki · Sep 5, 2023 · 8844bef · 8844bef
1 parent e83e0d2
commit 8844bef
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 25 deletions.
diff --git a/JQueryPlugin/data/System/JQueryScrollTo.txt b/JQueryPlugin/data/System/JQueryScrollTo.txt
@@ -1,4 +1,4 @@
-%META:TOPICINFO{author="ProjectContributor" date="1456220586" format="1.1" version="1"}%
+%META:TOPICINFO{author="ProjectContributor" date="1693915616" format="1.1" version="1"}%
 %META:TOPICPARENT{name="JQueryPlugin"}%
 ---+ %TOPIC%
 %JQPLUGINS{"scrollto"
@@ -19,10 +19,10 @@ See also JQuerySerialScroll, JQueryLocalScroll
 ---++ Examples
 %JQREQUIRE{"scrollto"}%
 
-   * <a href="#" class="jqScrollToLink {'target':'-=100px', 'duration':1000}">scroll up 100px</a>
-   * <a href="#" class="jqScrollToLink {'target':'+=100px', 'duration':1000}">scroll down 100px</a>
-   * <a href="#" class="jqScrollToLink {'target':'0', 'duration':1000}">scroll to the top</a>
-   * <a href="#" class="jqScrollToLink {'target':'100%', 'duration':1000}">scroll to the bottom</a>
-   * <a href="#" class="jqScrollToLink {'target':'0'}">jump to the top</a>
-   * <a href="#" class="jqScrollToLink {'target':'100%'}">jump to the bottom</a>
+   * <a href="#" class="jqScrollToLink" data-target="-=100px" data-duration="1000">scroll up 100px</a>
+   * <a href="#" class="jqScrollToLink" data-target="+=100px" data-duration="1000">scroll down 100px</a>
+   * <a href="#" class="jqScrollToLink" data-target="0" data-duration="1000">scroll to the top</a>
+   * <a href="#" class="jqScrollToLink" data-target="100%" data-duration="1000">scroll to the bottom</a>
+   * <a href="#" class="jqScrollToLink" data-target="0">jump to the top</a>
+   * <a href="#" class="jqScrollToLink" data-target="100%">jump to the bottom</a>
 
diff --git a/JQueryPlugin/data/System/JQuerySerialScroll.txt b/JQueryPlugin/data/System/JQuerySerialScroll.txt
@@ -1,4 +1,4 @@
-%META:TOPICINFO{author="ProjectContributor" date="1574078050" format="1.1" version="1"}%
+%META:TOPICINFO{author="ProjectContributor" date="1693915616" format="1.1" version="1"}%
 %META:TOPICPARENT{name="JQueryPlugin"}%
 ---+ %TOPIC%
 %JQPLUGINS{"serialscroll"
@@ -19,16 +19,12 @@ It uses JQueryScrollTo to achieve the scrolling animation.
 <div id="screen1">
 <div id="slideshow">
 <ul>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=1" /></li>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=2" /></li>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=3" /></li>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=4" /></li>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=5" /></li>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=6" /></li>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=7" /></li>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=8" /></li>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=9" /></li>
-  <li><img width="225" height="300" src="http://lorempixel.com/255/300/people?t=10" /></li>
+  <li><img width="225" height="300" src="//source.unsplash.com/featured/250x300?leafs" /></li>
+  <li><img width="225" height="300" src="//source.unsplash.com/featured/250x300?trees" /></li>
+  <li><img width="225" height="300" src="//source.unsplash.com/featured/250x300?cars" /></li>
+  <li><img width="225" height="300" src="//source.unsplash.com/featured/250x300?people" /></li>
+  <li><img width="225" height="300" src="//source.unsplash.com/featured/250x300?city" /></li>
+  <li><img width="225" height="300" src="//source.unsplash.com/featured/250x300?neon" /></li>
 </ul>
 </div>
   <div id="buttons">
@@ -64,7 +60,7 @@ It uses JQueryScrollTo to achieve the scrolling animation.
 #slideshow{
   overflow:hidden;
   width:680px;
-  border:1px solid #eee;
+  border:1px solid var(--color-border, #eee);
 }
 
 #slideshow ul{
@@ -82,11 +78,10 @@ It uses JQueryScrollTo to achieve the scrolling animation.
   margin:0 16px;
   cursor:pointer;
 }
-.prev{
-  float:left;
-}
-.next{
-  float:right;
+.next,
+.prev {
+   display:inline-block;
+   margin:1em 1em 0 0;
 }
 </style>
 </literal>
diff --git a/JQueryPlugin/lib/Foswiki/Plugins/JQueryPlugin/MIGRATE.pm b/JQueryPlugin/lib/Foswiki/Plugins/JQueryPlugin/MIGRATE.pm
@@ -28,7 +28,7 @@ sub new {
     my $this = bless(
         $class->SUPER::new(
             name         => 'Migrate',
-            version      => '3.4.0',
+            version      => '3.4.1',
             author       => 'jQuery Foundation, Inc. and other contributors',
             homepage     => 'https://github.com/jquery/jquery-migrate/',
             javascript   => ['jquery.migrate.js'],