You are not logged in.

1

Tuesday, November 25th 2014, 4:48pm

Zwei layer (combobox und thumbs) in einem transparenten Layer

Hallo,

ich wollte gerne im unteren Bereich über die volle Breite des Fensters einen transparten Layer haben, z.B. mit der Höhe 90 und in diesem links einen Layer (feste Breite) mit der Combobox sowie daneben einen Layer (hier im Prinzip restliche Breite) mit den Thumbnails (im Beispiel unten zentriert, aber das darf auch gerne linksbündig sein).

So einigermaßen bekomme ich das schon hin, jedoch wird im Falle zu vieler Thumbnails beim Scrollen auch in den Combobox-Bereich gescrollt.

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  <layer name="main" type="container" keep="true" align="leftbottom" width="100%" height="100" bgcolor="0x000000" bgalpha="0.3">
	<layer name="combobox" type="container" parent="main" align="leftbottom" x="0" y="0" width="250" height="100">
  	<plugin name="box" url="plugins/combobox.swf" alturl="plugins/combobox.js" preload="true" keep="true" zorder="100" align="leftbottom" x="20" y="30" customstyle="url|cbtextcolor|itemtextcolor|markeditemtextcolor|highlightitemtextcolor|gradientcolor1|gradientcolor2|bordercolor">
    	<item name="item01" caption="Lounge" onclick="action(lounge);" />
    	<item name="item02" caption="Restaurant" onclick="action(restaurant);" />
...
  	</plugin>  	
	</layer>
	<layer name="scrollarea" parent="main" url="plugins/scrollarea.swf" alturl="plugins/scrollarea.js" x="250" y="0" width="1290" height="100" direction="h" onloaded="setcenter(0,0);">
  	<layer name="thumb01" url="icons/lounge.png"       	align="left" x="240" onclick="action(lounge);" />
<layer name="thumb02" url="icons/restaurant.png"   	align="left" x="370" onclick="action(restaurant);" />
  	...
<layer name="thumb08" url="icons/sundeck_front.png"	align="left" x="1150" onclick="action(sundeck_front);" />
	</layer>
  </layer>


Ich habe hier ggf. einige Angaben in den innereen Layern (z.B. Höhe) doppelt oder könnte auch 100% angeben.

Möglicherweise sind auch einige Angaben (z.B. x, y, align oder parent) in den innteren Layern überflüssig.

Viele Grüße
Coach
coach has attached the following images:
  • 01 Start.jpg
  • 02 Scrollen.jpg

2

Thursday, February 19th 2015, 10:29am

Hallo,

durch Umstellen und etwas Ausprobieren habe ich jetzt das Problem gelöst

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  <layer name="layer_combobox" keep="true" type="container" align="leftbottom" x="0" y="0" width="100%" height="86" bgcolor="0x000000" bgalpha="0.3">
	<plugin name="combobox" url="plugins/combobox.swf" alturl="plugins/combobox.js" preload="true" keep="true" zorder="100" align="leftbottom" x="20" y="30" customstyle="url|cbtextcolor|itemtextcolor|markeditemtextcolor|highlightitemtextcolor|gradientcolor1|gradientcolor2|bordercolor">
  	<item name="item01" caption="Anlage 3 HDR   " onclick="action(anlage_03_hdr);" />
  	<item name="item02" caption="Anlage 3 Tiefen/Lichter   " onclick="action(anlage_03_tiefenlichter);" />
  	<item name="item03" caption="Anlage 4 HDR   " onclick="action(anlage_04_hdr);" />
  	<item name="item04" caption="Anlage 4 Tiefen/Lichter   " onclick="action(anlage_04_tiefenlichter);" />
  	<item name="item05" caption="Bungalow 1 Tiefen/Lichter   " onclick="action(bungalow_01_tiefen_lichter);" />
  	<item name="item06" caption="Wiese 1   " onclick="action(lawn_01);" />
  	<item name="item07" caption="Wiese 2   " onclick="action(lawn_02);" />
	</plugin>
  </layer>

  <layer name="thumbs" keep="true" type="container" align="leftbottom" x="250" y="0" width="100%" height="86" bgcolor="0x000000" bgalpha="0.0">
	<layer name="scrollarea" url="plugins/scrollarea.swf" alturl="plugins/scrollarea.js" align="left" width="930" height="86" direction="h">
  	<layer name="thumb01" url="icons/anlage_03_hdr.png" align="left" x="010" onclick="action(anlage_03_hdr);" />
  	<layer name="thumb02" url="icons/anlage_03_tiefenlichter.png" align="left" x="140" onclick="action(anlage_03_tiefenlichter);" />
  	<layer name="thumb03" url="icons/anlage_04_hdr.png" align="left" x="270" onclick="action(anlage_04_hdr);" />
  	<layer name="thumb04" url="icons/anlage_04_tiefenlichter.png" align="left" x="400" onclick="action(anlage_04_tiefenlichter);" />
  	<layer name="thumb05" url="icons/bungalow_01_tiefen_lichter.png" align="left" x="530" onclick="action(bungalow_01_tiefen_lichter);" />
  	<layer name="thumb06" url="icons/lawn_01.png" align="left" x="660" onclick="action(lawn_01);" />
  	<layer name="thumb07" url="icons/lawn_02.png" align="left" x="790" onclick="action(lawn_02);" />
	</layer>
  </layer>


Viele Grüße
Coach

This post has been edited 1 times, last edit by "coach" (Feb 20th 2015, 9:58am)