Zurück   Flashforum > Flash > Flash Fortgeschritten > Flash CS4 Professional

Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 09-05-2011, 12:53   #1 (permalink)
Neuer User
 
Benutzerbild von makania
 
Registriert seit: Jul 2009
Beiträge: 14
Hauptbild wird in Bildergallerie im Fullscreenmodus nicht Mittig platziert

Ich arbeite gerade an einer Offline Präsentation mit zwei Seiten Bildergallerie.
Die Gallerie wird durch ein Script erstellt. Das Prolem ist, im Fullscreenmodus wird das Hauptbild nicht Mittig sondern nach unten, rechts dargestellt.
Woran kann das liegen? Die jeweilige Bildergallerie wird als swf in den Hauptfilm geladen. Musste es mit NUM lösen, da es mit Containern nicht funktioniert.

Code:
imgPerRow = 7;// Bilder pro Zeile
margin = 8;//Abstand zwischen den Thumbnails
tbSize = 88;// < Thumbnails Hintergrund +4 - bei Größe der Thumbnails 84
startX = 400;// Startposition X
startY = 260;// Startpostion Y

var images:Array = new Array();// Array mit den Thumbnails
images[0] = 'Bilder-Inhalte/1/thumbs/1.jpg';
images[1] = 'Bilder-Inhalte/1/thumbs/2.jpg';
images[2] = 'Bilder-Inhalte/1/thumbs/3.jpg';
images[3] = 'Bilder-Inhalte/1/thumbs/4.jpg';
images[4] = 'Bilder-Inhalte/1/thumbs/5.jpg';
images[5] = 'Bilder-Inhalte/1/thumbs/6.jpg';
images[6] = 'Bilder-Inhalte/1/thumbs/7.jpg';
images[7] = 'Bilder-Inhalte/1/thumbs/8.jpg';



var images_gr:Array = new Array();// Array mit den Hauptbildern
images_gr[0] = 'Bilder-Inhalte/1/main/1.jpg';
images_gr[1] = 'Bilder-Inhalte/1/main/2.jpg';
images_gr[2] = 'Bilder-Inhalte/1/main/3.jpg';
images_gr[3] = 'Bilder-Inhalte/1/main/4.jpg';
images_gr[4] = 'Bilder-Inhalte/1/main/5.jpg';
images_gr[5] = 'Bilder-Inhalte/1/main/6.jpg';
images_gr[6] = 'Bilder-Inhalte/1/main/7.jpg';
images_gr[7] = 'Bilder-Inhalte/1/main/8.jpg';


function imgContainer(bezeichner, border, bground, bildId) {

	container = _root.createEmptyMovieClip(bezeichner, _root.getNextHighestDepth());//erstellt einen neuen leeren MovieClip

	container.beginFill(bground,100);// füllt den MovieClip mit Hntergrundfarbe und Rahmen
	container.lineStyle(0,border,100);
	container.moveTo(0,0);
	container.lineTo(tbSize,0);
	container.lineTo(tbSize,tbSize);
	container.lineTo(0,tbSize);
	container.endFill();

	container.num = bildId;// Speichert die Bild Id im MovieClip, für späteres Zugreifen auf jeweilige Id
}

function rePosition() {
	for (i=0; i<=images.length; i++) {

		// Thumbnails repositionieren

		_root['container'+i]._x = _root['container'+i].posX;
		_root['container'+i]._y = _root['container'+i].posY;

		//Thumbnails einblenden und aktivieren

		_root['container'+i].onEnterFrame = function() {
			this._alpha += 5;
			if (this._alpha>=50) {
				this._alpha = 50;
				delete this.onEnterFrame;
				this.enabled = true;
			}
		};
	}
}

function loadThumbs(target, image, bezeichner) {
	// Erstellung eines neuen leeren MoviClips für das Thumbnail

	img = target.createEmptyMovieClip(bezeichner, target.getNextHighestDepth());
	img._x = 2.5;
	img._y = 2.5;
	img._alpha = 0;//Alpha auf 0 setzen um einfaden der Bilder zu realisieren

	// Erstellung einer Instanz der MoviClipLoader-Klasse und des jeweiligen Listeners

	_root[bezeichner+'mcl'] = new MovieClipLoader();

	_root[bezeichner+'ll'] = new Object();
	_root[bezeichner+'ll'].onLoadProgress = function(movie:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void  {
		this.geladen = bytesLoaded;
		this.total = bytesTotal;
		this.prozent = Math.round((100/this.total)*this.geladen);
		this.ziel = movie;// enthält den Pfad und Namen des jeweiligen Thumbnails
	};

	_root[bezeichner+'mcl'].addListener(_root[bezeichner+'ll']);
	_root[bezeichner+'mcl'].loadClip(image,img);

	//Erstellt den MovieClip für die Ladeanzeige

	loader_mc = target.createEmptyMovieClip(bezeichner+'loader', target.getNextHighestDepth());
	loader_mc.beginFill(0x333333,100);
	loader_mc.lineStyle(0);
	loader_mc.moveTo(0,0);
	loader_mc.lineTo(1,0);
	loader_mc.lineTo(1,5);
	loader_mc.lineTo(0,5);
	loader_mc.endFill();

	//Positioniert den "loader_mc"-MovieClip mittig im Parent-MovieClip

	loader_mc._y = (target._height-loader_mc._height)/2;
	loader_mc._x = (target._height-(tbSize-10))/2;

	// Erstellt das onEnterFrame-Event für die Aktualisierung der Anzeige

	loader_mc.onEnterFrame = function() {
		this._width = ((tbSize-10)/100)*_root[bezeichner+'ll'].prozent;

		if (_root[bezeichner+'ll'].prozent == 100) {
			this._alpha -= 10;
			_root[bezeichner+'ll'].ziel._alpha += 10;

			if (_root[bezeichner+'ll'].ziel._alpha>=100) {
				delete this.onEnterFrame;
				hover(target);
			}
		}
	};
}

function hover(target) {


	target.onRollOver = function() {
		this.onEnterFrame = function() {
			this._alpha += 10;

			if (this._alpha>=100) {
				this._alpha = 100;
				delete this.onEnterFrame;
			}
		};
	};
	target.onRollOut = function() {
		this.onEnterFrame = function() {
			this._alpha -= 5;

			if (this._alpha<=85) { // Alpha bestimmen nach dem ersten mal drauf klicken der Thumbs
				this._alpha = 85;  // Alpha bestimmen nach dem ersten mal drauf klicken der Thumb
				delete this.onEnterFrame;
			}
		};
	};
	target.onRelease = function() {
		playFadeOut();
		loadImage(images_gr[target.num]);// zugreifen auf den Index des Arrays mit der entsprechenden Bild-Id
	};
}

function fadeOut(clip) {
	clip.onEnterFrame = function() {
		this._y += 15;
		this._alpha -= 10;


		if (this._alpha<=0) {
			delete this.onEnterFrame;
		}
	};
}

function playFadeOut() {
	time = 800;
	interval = time/images.length;
	for (i=0; i<=images.length; i++) {
		_root['container'+i].enabled = false;// deaktiviert die Schaltflächenfunktionen
		setTimeout(fadeOut,time-(interval*i),_root['container'+i]);
	}
}

function loadImage(pfad) {

	// Zeichnet den Rahmen und die Hintergrundfarbe

	con = _root.createEmptyMovieClip('bigImgContainer', _root.getNextHighestDepth());
	con.beginFill(0xEEEEEE,100);
	con.lineStyle(0,0xCCCCCCC);
	con.moveTo(0,0);
	con.lineTo(210,0);
	con.lineTo(210,20);
	con.lineTo(0,20);
	con.endFill();

	//Zentriert den MovieClip

	con._x = (Stage.width-con._width)/2;
	con._y = (Stage.height-con._height)/2;

	// Erstellt den MovieClip fürs Bild, den MovieClipLoader und den Listener

	imgCon = _root.createEmptyMovieClip('bigImg', _root.getNextHighestDepth());
	_root.imageloader = new MovieClipLoader();
	_root.imagelistener = new Object();
	_root.imagelistener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void  {
		this.geladen = bytesLoaded;
		this.total = bytesTotal;
		this.prozent = Math.round((100/this.total)*this.geladen);
		//trace(this.prozent);
	};
	_root.imageloader.addListener(_root.imagelistener);
	_root.imageloader.loadClip(pfad,imgCon);
	imgCon._alpha = 0;// Alpha des Bildes wird auf 0 gesetzt für die spätere Animation

	loader_mc = con.createEmptyMovieClip(bezeichner+'loader', con.getNextHighestDepth());
	loader_mc.beginFill(0x333333,100);
	loader_mc.lineStyle(0);
	loader_mc.moveTo(0,0);
	loader_mc.lineTo(1,0);
	loader_mc.lineTo(1,5);
	loader_mc.lineTo(0,5);
	loader_mc.endFill();
	loader_mc._y = (loader_mc._parent._height-loader_mc._height)/2;
	loader_mc._x = 5;

	loader_mc.onEnterFrame = function() {
		this._width = _root['imagelistener'].prozent*2;
		if (_root['imagelistener'].prozent == 100) {
			this._alpha -= 10;
			if (this._alpha<=0) {
				delete this.onEnterFrame;
				viewImage(imgCon,con);
			}
		}
	};
}

function acc(e, s, t) {
	x = (e-s)/t;
	return x;
}

function viewImage(image, container) {

	container.onEnterFrame = function() {

		// Zentriert das Bild in der Mitte der Bühne, 2"- x" verschiebt das Bild
		image._x = (Stage.width-image._width)/2 - 0;
		image._y = (Stage.height-image._height)/2 - 0;
		// Animiert den Container mit der acc-Funktion
		this._width += acc(image._width+6, this._width, 10); // Zahl gibt Geschwindigkeit an
		this._height += acc(image._height+6, this._height, 10);

		this._x = (Stage.width-this._width)/2 - 0;
		this._y = (Stage.height-this._height)/2 - 0;

		// Steuerung nach bestimmten Erfüllungen
		if (this._width>=(image._width+5)) {
			image._alpha += 5;
			if (image._alpha>=100) {
				delete this.onEnterFrame;
				this.onRelease = function() {
					this.enabled = false;
					this.onEnterFrame = function() {
						this._alpha -= 10;
						image._alpha -= 10;
						if (this._alpha<=0) {
							delete this.onEnterFrame;
							removeMovieClip(this);
							removeMovieClip(image);
							rePosition();
						}
					};
				};
			}
		}
	};
}

function rePosition() {
	for (i=0; i<=images.length; i++) {

		// Thumbnails repositionieren

		_root['container'+i]._x = _root['container'+i].posX;
		_root['container'+i]._y = _root['container'+i].posY;

		//Thumbnails einblenden und aktivieren

		_root['container'+i].onEnterFrame = function() {
			this._alpha += 5;
			if (this._alpha>=50) {
				this._alpha = 50;
				delete this.onEnterFrame;
				this.enabled = true;
			}
		};
	}
}

for (i=0; i<images.length; i++) {
	newCon = imgContainer('container'+i, 0xCCCCCC, 0xEEEEEE, i);
	_root['container'+i]._alpha = 60;  // Alpha für Thumbs

	if (i>0 && i%imgPerRow == 0) {

		startY += margin+tbSize;
		_root['container'+i]._x = startX;
	} else if (i == 0) {
		_root['container'+i]._x = startX;
	} else {
		_root['container'+i]._x = _root['container'+(i-1)]._width+_root['container'+(i-1)]._x+margin;
	}

	_root['container'+i]._y = startY;
	_root['container'+i].posX = _root['container'+i]._x;
	_root['container'+i].posY = _root['container'+i]._y;

	loadThumbs(_root['container'+i],images[i],'imgContainer'+i);
}
makania ist offline   Mit Zitat antworten
Alt 09-05-2011, 13:20   #2 (permalink)
Flasher
 
Registriert seit: Aug 2010
Ort: Stuttgart
Beiträge: 360
Hallo!
Hab deinen Code mal überflogen und bin verwirrt.. Nicht nur wegen des Codes, sondern vor allem auch, weil ich überhaupt nicht die Stelle finde, an der du in den FullScreen Modus wechselst!? Wenn es nicht implementiert ist, kann es nicht funktionieren..

Liebe Grüße
__________________
Erwähne NIEWIEDER das Wort "Klickdummy"!
Ouroborus23 ist offline   Mit Zitat antworten
Alt 09-05-2011, 13:43   #3 (permalink)
Neuer User
 
Benutzerbild von makania
 
Registriert seit: Jul 2009
Beiträge: 14
Der Fullscrennmodus wird natürlich schon im Hauptfilm gesetzt. Die Gallerie wird nur rein geladen.

Die Thumbs Bilder werden mittig platziert, obwohl sie mit Koordinaten angegeben werden. Meine Vermutung war, dass es nicht Mittig platziert wird, da das Format meines Bildschirms anders ist. Aber selbst dann müßte es Mittig sein. *verzweiflung*
makania ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Stichworte
bildergallerie, mittig, script

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Flash CS4] Flash Header wird nicht mittig angezeigt Yvonne_Beast Flash Einsteiger 1 08-04-2010 09:07
MC wird nicht mittig dargestellt saoirse Flash Einsteiger 3 07-02-2007 07:17
warum ist mittig nicht mittig? damohsta Flash Einsteiger 6 12-09-2006 02:57
Klasse extends MovieClip wird nicht auf Bühne platziert feder ActionScript 2 31 28-07-2006 20:41
Film mittig, nicht mittig ... ???? wunderdomi HTML und CSS 11 12-10-2002 12:04


Alle Zeitangaben in WEZ +1. Es ist jetzt 21:30 Uhr.

Domains, Webhosting & Vserver von Host Europe
Unterstützt das Flashforum!
Adobe User Group


Copyright ©1999 – 2012 Marc Thiele