Differences

This shows you the differences between two versions of the page.

--- deutsch:phpwcms-system:artikel:contentparts:bilder-spezial:lof-slidernews:nav-list-1-2-3 [2011/05/17 10:56]
Knut Heermann (flip-flop)
+++ deutsch:phpwcms-system:artikel:contentparts:bilder-spezial:lof-slidernews:nav-list-1-2-3 [2018/06/03 18:08] (current)
@@ Line 3: / Line 3: @@
 ====== Navi: 1-2-3-Liste (jQuery) ======
-**JQuery Plugin für die Darstellung von Bildern mit zugehörigem Text.**
 **Richtung:** Rechts - Links. Die Navigation ist eine Liste aus Zahlen //(1 2 3 4 5 ...)//. \\
-Das Plugin erlaubt den Einsatz des Mausrades für die Auswahl des vorherigen|nächsten Bildes in der Liste.
-  * Die Reihenfolge der Bilder wird im CP festgelegt.
-  * Die Anzeige der Bilder in der Serie kann mit einer manuellen Navigation oder Automatik gesteuert werden.
-  * Als Bildwechselfunktion können "Bilder horizontal schieben" oder "Opazität" gewählt werden.
-**CP:** Bilder spezial
-----
-Docu: -- \\
-Forum: [[ttp://forum.phpwcms.org/viewtopic.php?f=1&t=20941|LofSlider and LofSliderNews - both new since 1.4.7 r410]]
-**Idee und Basis:** [[http://landofcoder.com/our-porfolios/jquery-plugins/item/10-the-lof-jsidernews-plugin.html| The Lof JSiderNews Plugin]] \\
-**Adaptiert:** O.Georgi http://phpwcms.de \\
-**Erweitert:** K.Heermann (flip-flop) http://planmatrix.de //2011/05/03 // \\
-**CMS version:** >= V1.4.7 r410\\
 **Version:** V1.0 \\
 **Update:** --
-**Tag:** -- \\
-**Bedingung:** -> [[http://www.phpwcms-docu.de/confincphp_de.phtml|/config/phpwcms/conf.inc.php]]
-  * $phpwcms['allow_cntPHP_rt']   = 1;
-  * phpwcms['allow_ext_init']  = 0;
-----
 ----
 \\
-\\
 ===== Frontendausgabe: =====
@@ Line 246: / Line 221: @@
 \\
-===== CSS: =====
-**Datei:** template/lib/lofslider/css/lofslider-style01.css
-**Änderung** gegenüber [[deutsch/phpwcms-system/artikel/contentparts/bilder-spezial/lof-slidernews/nav-list-of-thumbnails]]: Zeile 188 entkommentieren ''(background:#FFF;)'':
-<code css>
-ul.lof-navigator li.active , ul.lof-navigator li:hover  {
-	background:#FFF;
-</code>
-\\
-<code css|h lofslider-style01.css |h>
-.lof-slidecontent {
-	position:relative;
-	overflow:hidden;
-/*	border:#F4F4F4 solid 1px; */
-	width:450px;
-	height:350px;
-}
-.lof-slidecontent .preload {
-	height:100%;
-	width:100%;
-	background:#FFF;
-	position:absolute;
-	top:0;
-	left:0;
-	z-index:100000;
-	color:#FFF;
-	text-align:center
-}
-.lof-slidecontent .preload div {
-	height:100%;
-	width:100%;
-	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
-	position:relative;
-}
-.lof-main-outer{
-	position:relative;
-	height:100%;
-	width:450px;
-	z-index:3px;
-	overflow:hidden;
-}
-/*******************************************************/
-.lof-main-item-desc{
-	z-index:100px;
-	position:absolute;
-	bottom:10px;
-	left:0px;
-	width:450px;
-/*	height:100px; */
-	background:url(../images/transparent_bg.png);
-	/* filter:0.7(opacity:60) */
-	padding:2px;
-	color:#aaa;
-}
-.lof-main-item-desc b {
-	font-size: 110%;
-	color: #009bff;
-}
-.lof-main-item-desc h3 {
-	color:#DDD;
-	margin:0;
-	font-size:140%;
-	padding:0px 8px 2px;
-	font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
-}
-.lof-main-item-desc a, .lof-main-item-desc a:link,.lof-main-item-desc a:visited {
-	font-size:110%;
-/*	padding:15px 16px 2px; */
-}
-}
-.lof-main-item-desc h3 a {
-	color:#FFF;
-	margin:0;
-	font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
-}
-.lof-main-item-desc h3 a:hover {
-	color:#FF6;
-	text-decoration:underline;
-}
-.lof-main-item-desc p{
-	margin:0 0 0 10px;
-	padding:5px 0 0 5px;
-	line-height: 16px;
-}
-.lof-main-item-desc strong {
-	margin:0;
-	padding:0;
-	font-size:120%;
-	color:#eee;
-}
-/* main flash */
-ul.lof-main-wapper {
-	overflow:hidden;
-	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
-	padding:0px;
-	margin:0;
-	height:345px;
-	width:450px;
-	position:absolute;
-	overflow:hidden;
-}
-ul.lof-main-wapper li {
-	overflow:hidden;
-	padding:0px;
-	margin:0px;
-	height:100%;
-	width:450px;
-	float:left;
-	position:relative;
-}
-.lof-opacity {
-	overflow:visible  !important;;
-	position:absolute !important;
-}
-.lof-opacity  li{
-	position:absolute  !important;;
-	top:0;
-	left:0;
-	float:inherit  !important;
-}
-ul.lof-main-wapper li img {
-	padding:0px;
-	width:450px;
-}
-/* Desc text */
-li-desc {
-	z-index:100;
-	position:absolute;
-	top:150px;
-	left:50px;
-	width:400px;
-	background:url(../images/transparent_bg.png);
-}
-li-desc p {
-	color:#FFF;
-	margin:0 8px;
-	padding:8px 0
-}
-li-desc h3 a {
-	color:#FFF;
-	margin:0;
-	font-size:140%;
-	padding:20px 8px 2px;
-	font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
-}
-li-desc h3 a:hover {
-	color:#FF6;
-	text-decoration:underline;
-}
-/* item navigator */
-.lof-navigator-wapper {
-	position:absolute;
-	top:10px;
-	right:10px;
-	background:#000;
-	padding:5px 15px;
-	-moz-border-radius:5px 5px 5px 5px;
-}
-.lof-navigator-outer{
-	position:relative;
-	z-index:100;
-	height:180px;
-	width:310px;
-	overflow:hidden;
-	color:#FFF;
-	float:left
-}
-ul.lof-navigator{
-	top:0;
-	padding:0;
-	margin:0;
-	position:absolute;
-	width:100%;
-}
-ul.lof-navigator li{
-	cursor:hand;
-	cursor:pointer;
-	list-style:none;
-	padding:0;
-	margin-left:0px;
-	overflow:hidden;
-	float:left;
-	display:block;
-	text-align:center;
-}
-ul.lof-navigator li.active , ul.lof-navigator li:hover  {
-/*	background:#FFF; */
-	color:#000;
-	display:block;
-}
-ul.lof-navigator li img{
-	border:#666 solid 3px;
-}
-ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
-	border:#A8A8A8 solid 3px;
-}
-.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
-	display:block;
-	width:22px;
-	height:30px;
-	color:#FFF;
-	cursor:pointer;
-}
-.lof-navigator-wapper .lof-next {
-	float:left;
-	text-indent:-999px;
-	margin-right:5px;
-	background:url(../images/arrow-l.png) no-repeat right center;
-}
-.lof-navigator-wapper .lof-previous {
-	float:left;
-	text-indent:-999px;
-	margin-left:5px;
-	background:url(../images/arrow-r.png) no-repeat left center;
-}
-/* Demo 6 Right/LEft button */
-.lof-main-outer .lof-next,  .lof-main-outer .lof-previous{
-	display:block;
-	width:40px;
-	color:#FFF;
-	cursor:pointer;
-	position:absolute;
-	height:100%;
-	z-index:3;
-	top:0;
-	text-indent:-999px;
-}
-.lof-main-outer .lof-next {
-	right:05px;
-	background:url(../images/b_next.png) no-repeat right center;
-}
-.lof-main-outer .lof-previous {
-	left:05px;
-	background:url(../images/b_prev.png) no-repeat left center;
-}
-</code>
-\\
-\\
-===== CSS und JavaScript: =====
-Siehe [[deutsch/phpwcms-system/artikel/contentparts/bilder-spezial/lof-slidernews]]
-\\

deutsch/phpwcms-system/artikel/contentparts/bilder-spezial/lof-slidernews/nav-list-1-2-3.1305622574.txt.gz · Last modified: 2018/06/03 18:07 (external edit)

Show page Old revisions