CONTENIDO Forum

Das Diskussionsforum zum Open Source Content Management System
https://forum.contenido.org/

Popup´s werden nicht alle angezeigt

https://forum.contenido.org/viewtopic.php?f=108&t=14194

Seite 1 von 1

Popup´s werden nicht alle angezeigt

Verfasst: Di 10. Okt 2006, 08:48
von hohorstmann
Hallo Freunde,

Contenido 4.6.8.5
i-fekt Gallery 1.5 vom 09.10.2006

möchte 8 Bilder nebeneinander. (siehe http://rudolf-grabowski.de/cms/front_co ... p?idcat=75)

Die Popup-Bilder werden bei den ersten 5 Bildern der Galerie problemlos angezeigt.
Das 6. Popup erscheint nur. wenn man das 6 Bild der Galerie ganz rechts mit der Maus überfährt. Die Popups 7 und 8 erscheinen garnicht.

Habe ich vielleicht eine Beschränkung bei der Anzahl nebeneinander überlesen ?
Was mache ich falsch ?

Gruß, Ho

Verfasst: Di 10. Okt 2006, 08:54
von Dodger77
Angezeigt werden die schon, aber nur, wenn das Browserfenster breit genug ist, damit die Popups rechts vom Thumbnail noch Platz haben.

Ansonsten würde es Sinn machen, dieses Problem im dazugehörigen Thread zu schildern.

Verfasst: Di 10. Okt 2006, 09:09
von hohorstmann
Hllo Dodger77,

ja das habe ich schon berücksichtigt. Deswegen zeige ich die Popups auch nach oben versetzt über dem Thumbnail an.

Nach meiner Auffassung ist da Platz genug - bist Du dem Link einmal gefolgt?

Gruß, Ho

Verfasst: Di 10. Okt 2006, 09:26
von Dodger77
hohorstmann hat geschrieben:Nach meiner Auffassung ist da Platz genug - bist Du dem Link einmal gefolgt?
Natürlich. Die Datei "imagetrail.js" beinhaltet wohl noch ein Überbleibsel. Ändere darin mal (ca. Zeile 90):

Code: Alles auswählen

 if (noPicture == "yes") {
xcoord = e.pageX - xcoord - itemWidth; // Move to the left side of the cursor
} else {
xcoord = e.pageX - xcoord - itemWidth; // Move to the left side of the cursor
}
in

Code: Alles auswählen

xcoord = e.pageX - xcoord - itemWidth; // Move to the left side of the cursor

Verfasst: Di 10. Okt 2006, 10:34
von hohorstmann
Hab´s probiert. Verhalten ist nicht anders. Jetzt ist der

Code: Alles auswählen

if (docwidth - e.pageX < itemWidth + 50){
			xcoord = e.pageX - xcoord - itemWidth; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
Kann das mit meinen style.css zu tun haben (innerwrap, outer, ..)?

Code: Alles auswählen

html, body { height:100%; }

body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:1000px;
	font-size:12px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
}

td {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(60,70,41);
	margin-bottom:8px;
}

.input {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	width:240px;
	margin-bottom:8px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

.label {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
}

.small {
	font-size:11px;
}

#outer{ 
        position:relative; 
        margin:auto; 
        background-image:url('../images/bg.gif');
        background-repeat:repeat-y;
        height:100%; 
        min-height:100%; 
        width:1000px; 
        color:#3023af; 
        text-align:left; 
}


#hauptdiv{ 
         width:1000px; 
         margin: 0px auto; 
         text-align: left;
         height:100%; 
         min-height:100%;
	     border-top:1px solid #999999;
	     border-right:1px solid #999999;
	     border-bottom:1px solid #999999;
	     border-left:1px solid #999999;
 
}
 
html>body #outer{ height:auto; } 

#innerwrap {
		float:left;
		width:1000px;
}

#header{
		position:absolute;
		top:0;
		left:0px;
		width:1000px;
		height:0px;
		color:#000000;
		background-color:#dae1ce;
		background-repeat:repeat-x;
		background-position:0px 0px;
		z-index:5;
}

#left {
		position:relative;
		width:200px;
		float:left;
		padding-top:182px;
		padding-bottom:0 px;
      }

#left p { padding-left:5px;padding-right:5px; }

#right p { padding-left:4px;padding-right:2px }

#imagecolumn {
		margin-top:0px;
		position:absolute;
		top:20px;
		left:608px;
		width:148px;
		height:550px;
		z-index:10;
		padding-top:112px;
		padding-left:10px;
		padding-right:10px;
		color:rgb(62,77,116);
}


#imagecolumn a {
		padding:0;
		font-weight:normal;
		font-size:11px;
		color:rgb(190,190,190);
		margin:0;
}

#imagecolumn h1 {
		padding:0;
		font-weight:normal;
		font-size:12px;
		color:rgb(256,256,256);
		margin:0;
}

/*#right {
		position:relative;
		width:0px;
		float:right;
		margin-top:10px;
		padding-top:170px;
		padding-bottom:20px;
		background-color:#ffffff;
		background:url('../images/randbg.jpg');
		background-position:0px 0px;
		background-repeat:no-repeat;
		color:rgb(0,0,0);
}*/

div,p  { margin-top:0; }

#centrecontent {
	width:790px;
	float:right;
         margin-left:5px;
	padding-top:180px;
	padding-bottom:0px;
         padding-right:5px;
         color:rgb(60,70,41);
         min-height:600px;
}

#centrecontent p { padding-left:5px:color:rgb(60,70,41); font-size:14px;}

#clearfooter { width:100%;height:12px;clear:both; }

#bottomnavi {
	text-align:center;
	color:rgb(60,70,41);
}

#additionalnavi {
	float:right;
	background-color:#dae1ce;
	margin-top:2px;
	padding-bottom:2px;
	padding-top:0px;
	margin-left:10px;
	text-align:center;
	width:200px;
	color:rgb(60,70,41);
 }

#logo {
	width:1000px;
	margin-top:18px;
}

#navipath {
	padding:0px;
         padding-top:0px;
	padding-bottom:10px;
	background-color:#ffffff;
	color:rgb(60,70,41);
	width:388px;
}

.navi{
	width:200px;
	border-bottom:0px solid rgb(170,170,170);
	background-color:rgb(255,255,255);
}

h1 {
	padding-left:2px;
	font-weight:normal;
	font-size:18px;
	color:rgb(60,70,41);
	margin:0;
}

h1.content {
	margin-bottom:12px;
	padding:0;
}

hr { color:rgb(255,255,255); }

a { font-size:14px; color:rgb(133,138,97); text-decoration:none; }
a:hover { text-decoration:underline; }

a.newsheadline { Font-size:12px; } 

a.bottomnavi { color:rgb(60,70,41); font-size:10px; } 

a.additionalnavi { font-size:12px; color: rgb(60,70,41); }

a.navipath { font-size:10px; color: rgb(60,70,41); } 

a.navileft_passive {
	display:block;
	background-color:#dae1ce;
	padding-top:3px;
	padding-bottom:3px;
	color:rgb(60,70,41);
} 

.navileft_active {
	display:block;
	background-color:#b8c79e;
	background-position:right;
	padding-top:3px;
	padding-bottom:3px;
	color:rgb(51,79,119);
} 

a.navileft_open {
	padding-left:10px;
	display:block;
	background:url("../images/navi_pfeil.gif") no-repeat;
	background-position:right;
	background-color:#dae1ce;
	padding-top:3px;
	padding-bottom:3px;
	color:rgb(51,79,119);
} 

a.sitemap_level1 {
	display:block;
	border-bottom:1px solid #ffffff;
	color:rgb(60,70,41);
	font-weight:normal;
	padding-bottom:.4em;
	background:url("../images/navi_pfeil_rechts.gif") no-repeat;
	background-position:right;
}

a.sitemap_level2 {
	color:rgb(60,70,41);
	background:url("../images/navi_pfeil_rechts.gif") no-repeat;
	background-position:200px 4px;
	display:block;
}

a.sitemap_level3 {
	color:rgb(190,190,190);
}

.sitemap_level2_container {
	float:left;
	width:50%;
	padding-top:.3em;
}


.sitemap_level3_container {
	float:right;
	width:50%;
	padding-top:.3em;
}

.input_searchbox {
	width:65px;
         vertical-align:middle;
         font-size:11px;
	color: rgb(60,70,41);
}

.input_newsletterselect {
	width:80px;         
	vertical-align:middle;
	font-size:11px;
	margin-right: 8px;
	color: rgb(62,77,116);
}

.label_searchbox {
         vertical-align:middle;
	color:#3c4629;
	position:relative;
	padding-left:12px;
	/*left:-65px;*/
}

#loginbox {
	background-color:#dae1ce;
	border-top:0px solid #aeaeae;
	border-bottom:0px solid #aeaeae;
	padding-bottom:.6em;
	padding-top:.6em;
	padding-left:0em;
	padding-right:0em;
	margin-top:.6em;
	margin-bottom:.6em;
}

#searchbox {
	background-color:#dae1ce;
	border-top:0px solid #aeaeae;
	border-bottom:0px solid #aeaeae;
	padding-bottom:.6em;
	padding-top:.6em;
	padding-left:0em;
	padding-right:0em;
	margin-top:.6em;
	margin-bottom:.6em;
}

#newsletterbox {
         background-color:#aaaaaa;
         border-top:1px solid #aeaeae;
         border-bottom:1px solid #aeaeae;
         padding-bottom:.6em;
         padding-top:.6em;
         padding-left:.5em;
         padding-right:.5em;
         margin-top:1.5em;
         margin-bottom:1.5em;
}

.hidden {
	display:none;
}

.balken {
	padding-left:0px;
	background-color:rgb(60,70,41);
	background-image:url('../images/blank.gif');
	background-repeat: repeat-x,repeat-y;
	background-position:2px 0px ;

#trailimageid { 
         position: absolute; 
         visibility: hidden; 
         left: 0px; 
         top: 0px; 
         height: 1px; 
         z-index: 5000; 
}

.trail { 
         border:0px solid #dae1ce; 
         position: absolute; 
         left: 300px; 
         top: 40px; 
         z-index: 5000; 
} 

.gallery {font-size:8pt;color:#3c4629;font-weight:normal;margin:0px; text-decoration:none; border:0px; solid #CECDCA;} 
.gallery a:link {font-size:8pt;color:#3c4629;font-weight:normal;margin:0px; text-decoration:none;} 
.gallery a:active {font-size:8pt;color:#3c4629;font-weight:normal;margin:0px; text-decoration:none;} 
.gallery a:visited {font-size:8pt;color:#3c4629;font-weight:normal;margin:0px; text-decoration:none;} 

.descr { 
 border:0px solid #3c4629; 
 width:230px; 
 float:right; 
}
Gruß, ho

Verfasst: Di 10. Okt 2006, 11:15
von Dodger77
hohorstmann hat geschrieben:Hab´s probiert. Verhalten ist nicht anders.
Also bei mir funktioniert das nun. Hast du mal den Browsercache gelöscht?

Verfasst: Di 10. Okt 2006, 12:26
von hohorstmann
Browsercache gelöscht: Verhalten hat sich nicht geändert.
Gruß, Ho

Verfasst: Di 10. Okt 2006, 12:50
von Dodger77
hohorstmann hat geschrieben:Browsercache gelöscht: Verhalten hat sich nicht geändert.
OK, habe gerade gemerkt, dass es dadurch im IE noch nicht behoben ist. FF stellt die Bilder aber schon dar.

Etwas weiter unten in der JavaScript-Datei:

Code: Alles auswählen

			if (noPicture == "yes") {
				xcoord = event.clientX + truebody().scrollLeft - xcoord - itemWidth; // Move to the left side of the cursor
			} else {
				xcoord = event.clientX + truebody().scrollLeft - xcoord - itemWidth; // Move to the left side of the cursor
			}
zu:

Code: Alles auswählen

				xcoord = event.clientX + truebody().scrollLeft - xcoord - itemWidth; // Move to the left side of the cursor

Verfasst: Di 10. Okt 2006, 14:27
von hohorstmann
Wunderbar, Dodger77!

Das Biest läuft. Ich denke, da hast Du einen Bug beseitigt. "Gallery" ist schon ein edles Tool von i-fekt. Man erntet schon ein gewisses Staunen.

Jetzt habe ich nur noch das Problem, dass meine rechten Popup´s über den rechten Browserrand hinweggehen, aber das löse ich schon.

Also, danke Dir Dodger77 - ich allein wäre aufgeschmissen gewesen.

Gruß, ho
Alle Zeiten sind UTC+01:00
Seite 1 von 1

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de