Popup´s werden nicht alle angezeigt

hohorstmann · Beitrag von **hohorstmann** » Di 10. Okt 2006, 08:48

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

Beitrag von **Dodger77** » Di 10. Okt 2006, 08:54

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.

hohorstmann · Beitrag von **hohorstmann** » Di 10. Okt 2006, 09:09

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

Beitrag von **Dodger77** » Di 10. Okt 2006, 09:26

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

hohorstmann · Beitrag von **hohorstmann** » Di 10. Okt 2006, 10:34

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

Beitrag von **Dodger77** » Di 10. Okt 2006, 11:15

hohorstmann hat geschrieben:Hab´s probiert. Verhalten ist nicht anders.

Also bei mir funktioniert das nun. Hast du mal den Browsercache gelöscht?

hohorstmann · Beitrag von **hohorstmann** » Di 10. Okt 2006, 12:26

Browsercache gelöscht: Verhalten hat sich nicht geändert.
Gruß, Ho

Beitrag von **Dodger77** » Di 10. Okt 2006, 12:50

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

hohorstmann · Beitrag von **hohorstmann** » Di 10. Okt 2006, 14:27

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