| |||||||
Du magst keine Werbung? Wir auch nicht!
Einfach registrieren und die Werbung ist weg. Diese Nachricht sehen nur nicht registrierte Nutzer.
![]() |
| | LinkBack | Themen-Optionen | Ansicht |
| | #1 (permalink) |
| Neuer User 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);
} |
| | |
| | #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"! |
| | |
| | #3 (permalink) |
| Neuer User 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* |
| | |
![]() |
| Lesezeichen |
| Stichworte |
| bildergallerie, mittig, script |
| Themen-Optionen | |
| Ansicht | |
| |
Ä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 |