Frage zur Umsetzung

[agodesign]

Create a Spectacular Photo Gallery with MooTools | Nettuts+

Zu diesem Script habe ich eine Frage.
Momentan werden die Bilder über den Ordner geladen so wie ich das verstanden habe.
Wäre es möglich das zu ändern und das ganze über <li> tags laufen zu lassen?

Wenn ja, ist es sehr umständlich?

Brauche dringend ne Antwort.

lg, Daniel!

 

[mermshaus]

Denke, das ließe sich mit ein wenig Gebastel durchaus anpassen.

 

[agodesign]

ok wie muss es im script dann heißen?

 

[mermshaus]

Also, hier werden die Bilder offenbar aus dem „Dateisystem“ geladen. Vermutlich müsstest du das anpassen.

 var new_image = new Element('img', {  
             'src': 'thumbs/' + while_pictures + '.jpg',

 

[agodesign]

also ich habe jetzt wirklich viel rumprobiert aber ich bekomme es einfach nicht hin! :(

kann mir jemand dabei helfen? es ist wirklich wichtig.

*edit*
konnte die Liste nun einfügen, wie bekomm ich die restlichen Bilder jetzt raus? Und wie erreiche ich den Vergrößerungseffekt für die Bilder aus der Liste?

 

[struppi]

konnte die Liste nun einfügen, wie bekomm ich die restlichen Bilder jetzt raus? Und wie erreiche ich den Vergrößerungseffekt für die Bilder aus der Liste?

In dem du dein Skript entsprechend anpasst. Wie sollen wir dir dabei helfen ohne zu Wissen, was du überhaupt machst?

 

[agodesign]

also....
mein Ziel ist es, dieses Script
Mobily Playground - MobilySelect

in dieses
Create a Spectacular Photo Gallery with MooTools | Nettuts+

einzubauen.

Weil in der Gallerie die Bilder direkt aus dem Ordner gezogen werden muss man des ändern und mit <li> tags machen
dann kann man später auch den Filter einsetzten.
So habe die Bilder nun mit <Li> tags eingefügt, wie bekomme ich die anderen nun raus bzw die Bildervorschau für die neuen Bilder hin?

 

[struppi]

also....
mein Ziel ist es, dieses Script
Mobily Playground - MobilySelect

in dieses
Create a Spectacular Photo Gallery with MooTools | Nettuts+

einzubauen.

Weil in der Gallerie die Bilder direkt aus dem Ordner gezogen werden muss man des ändern und mit <li> tags machen
dann kann man später auch den Filter einsetzten.
So habe die Bilder nun mit <Li> tags eingefügt, wie bekomme ich die anderen nun raus bzw die Bildervorschau für die neuen Bilder hin?

Nochmal - woher sollen wir das Wissen? Solange du uns nicht zeigst, was du tust, läßt sich dir auch nicht helfen. Oder erwartest du tatsächlich, dass sich jetzt jeder hinsetzt und nach deinen Vorgaben jeweils sich selbst ein Beispiel zusammen bastelt, um dir dann einen fertigen Code liefern zu können?

 

[agodesign]

natürlich erwarte ich das nicht.
Die Sache ist nur die, wenn ich genügend zeit hätte würde ich noch viel mehr ausprobieren und so aber das ganze ist für ein Projekt von meinem Ausbildungsbetrieb und muss nächste woche fertig sein, Dieser Teil ist des letzte, den rest hab ich ja schon alles....

Das ist die html

<div id="picture_section">
<div id="inside">
<div class="selecterContent">
<ul class="nolist">
<li class="poster"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
<li class="card"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
<li class="poster"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
<li class="card"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
<li class="card"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
<li class="card"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
<li class="poster"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
<li class="card"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
<li class="card"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
<li class="print"><a href="#"><img src="img/Unbenannt-1.jpg" alt="" /></a></li>
</ul>
</div>
</div>
</div>

Im Code habe ih noch nix geändert weil ich nicht weiß was

 

[struppi]

Ich hab ja nichts dagegen gesagt, dass du etwas ausprobierst.

Es geht darum, wenn du Hilfe erwartest, dass du denjenigen, die potentiell helfen wollen, dabei unterstützt. Das du uns zeigst, was du verwenden möchtest und ein bisschen HTML Code, ist nicht ausreichend.

Überleg mal, was wir jetzt alles machen müßten, um dein Problem nachvollziehen zu können. Es wäre hilfreicher, wenn du uns eine Testumgebung zeigst und anhand derer uns konkret sagst, wo dein Problem ist.

 

[agodesign]

naja ich würde mal sagen recht viel muss in der html auch ned ändern.
Und mehr kann ich im Moment auch ned angeben weil ich keine Ahnung hab was im Jquery code geändert werden muss.

*edit*
habs hier mal hochgeladen
http://danieldesign.bplaced.net/lightmachine/gallery/
*edit*

 

[struppi]

Da ist auf jeden Fall schon mal ein Fehler drin:

Fehler: jQuery is not defined
Quelldatei: http://danieldesign.bplaced.net/lightmachine/gallery/js/mobilyselect.js
Zeile: 10

Die jquery Datei ist nicht dort, von wo du sie einbindest.

Edit: Du kennst: Wo finde ich die Fehlerkonsole?

 

[agodesign]

die jquery hab ich raus, dwenn die drin ist, funktioniert garnix mehr als erstes sollte ja mal des mit den bilder funktionieren :( der filter kommt danach

 

[struppi]

Das Plugin das du verwenden möchtest, basiert auf jquery, d.h. ohne funktioniert es nicht.

 

[agodesign]

oke hab gerade im code von der gallery diese zeile entdeckt,

var number_of_pictures = 100;

wenn man die rausnimmt funktioniert garnix mehr. Für den Zweck für das ich das ganze brauche ist das tödlich
Muss nun was ähnliches finden, weil das scrollen mit den Pfeilen ist auch sehr sehr wichtig :(
kennst du etwas ähnliches?
Dachte an das hier:
Galleriffic | A jQuery plugin for rendering fast-performing photo galleries
Hier sind die Bilder schon mit <li> tags gelistet.
Oder kennst du vlt noch was besseres?

lg, Daniel

 

[struppi]

Der Fehler ist immer noch auf der Seite: Photo Gallery
Da funktionierte bis jetzt sowieso noch nichts, insofern kann ich nicht sagen, was du suchst und was du machen könntest.

 

[agodesign]

Die Fehler auf der Seite kannst du mal außer acht lassen, bracuhe was ganz neues.

Das Ziel ist, eine Gallerie mit Filter, Bildervorschau und Scollfunktion (bzw mit seiten funktion).
Den Filter hab ich ja schon als Script, bräuchte dazu noch die passende Galerie!