MooTools - MooFlow 0.2

Sc0rP1En · 16. April 2010

Hallo Forum,

ich würde gerne die Gallery MooFlow 0.2 für eine Internetseite verwenden.
http://www.outcut.de/MooFlow/

Leider kenne ich mich garnicht damit aus und finde auch keine wirkliche Anleitung.
Ich habe bereits ein bisschen damit heurmgespielt, schaffte es aber nicht über das Anzeigen
des Ladescreen hinaus.

Ich hoffe ihr könnt mir ein bisschen unter die Arme greifen.

LG
Sc0rP1En

Complication · 16. April 2010

Na unter Dokumentation sind doch alle codes und Beschreibungen zu finden:
http://www.outcut.de/MooFlow/Documentation.html

Detailierter gehts nicht.

Sc0rP1En · 16. April 2010

naja ich bin ziemlich neu auf dem Gebiet.

habe die Core und More dateien gezogen und ins File integriert. Dann die beiden Codepassagen hinzugefügt.
Aber es zeigt mir, wie gesagt, nur den Ladekreis in der Mitte an...

<script type="text/javascript" src="mootools-1.2.4-core.js"></script>
<script type="text/javascript" src="mootools-1.2.4.4-more.js"></script>
<script type="text/javascript" src="MooFlow.js"></script>

<script type="text/javascript">

var myMooFlowPage = {

start: function(){

var mf = new MooFlow($('MooFlow'), {
startIndex: 1,
useSlider: true,
useAutoPlay: true,
useCaption: true,
useResize: true,
useMouseWheel: true,
useKeyInput: true
});

}

};

window.addEvent('domready', myMooFlowPage.start);

</script>

----------------------

<body>

<div id="MooFlow">
<div><img src="i/i01.jpg" title="i01" alt="Ein @-Symbol" /></div>
<div><img src="i/i02.jpg" title="i02" alt="Mandelbrot?" /></div>
</div>

</body>

Complication · 16. April 2010

Sc0rP1En schrieb:
<body>

<div id="MooFlow">
<div><img src="i/i01.jpg" title="i01" alt="Ein @-Symbol" /></div>
<img src="i/i02.jpg" title="i02" alt="Mandelbrot?" />
</div>

</body>

entferne mal die div-Tags beim zweiten Bild.

Sc0rP1En · 16. April 2010

Habe ich jetzt probiert, aber dann wird garnichts mehr angezeigt. Nur noch weiß.

Kann es an den Core und More Dateien liegen?

treppeg · 13. August 2010

Servus!

Ich hab bei mir keine DIV Container vor den Images, in deinem Beispiel also so:
<img src="i/i01.jpg" title="i01" alt="Ein @-Symbol" />
<img src="i/i02.jpg" title="i02" alt="Mandelbrot?" />
(Die Ordner respektive Pfade stimmen schon, wo die Bilder angegeben sind ^^)

ich hoff, es ist nicht zu spät meine Antwort =)

Gruß,
Chris G

Sebdeb111 · 14. August 2010

Bin ja kein Fan von Mootools

Es gibt ein ähnliches script für jQuery, ich habs nicht auf die schnelle gefunden, deshalb werde ich mal genauer suchen und es dann hier posten.

Mfg Sebdeb111

Ergänzung (14. August 2010)

ging schneller als ich dachte

http://imageflow.finnrudolph.de/ schau es dir mal an, man kann das sehr einfach bearbeiten und anpassen.

Sind quasi keine grenzen gesetzt.

Mfg Sebdeb111

Suche

MooTools - MooFlow 0.2

Sc0rP1En

Cadet 4th Year

Complication

Banned

Sc0rP1En

Cadet 4th Year

Complication

Banned

Sc0rP1En

Cadet 4th Year

treppeg

Newbie

Sebdeb111

Newbie

Ähnliche Themen