Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Alles hat ein Ende...

April 2017

Eine Weisheit der Dakota-Indianer sagt:
"Wenn Du entdeckst, dass Du ein totes Pferd reitest, steig ab!"

Vor fast fünf Jahren habe ich die NOF-Community gegründet und nachdem just zu diesem Zeitpunkt das „alte NOF-Forum“ quasi über Nacht vom Betreiber geschlossen wurde, war mein Forum für viele Nutzer von NetObjects Fusion eine willkommene Alternative.

Inzwischen sind weit über 5000 NetObjects-Nutzer in der NOF-Community registriert und täglich kommen weitere hinzu. An interessierten Mitgliedern fehlt es also nicht. Was aber fehlt, sind Mitglieder, die Lust haben, anderen Nutzern bei der Lösung ihrer vielfältigen Probleme in der Anwendung von NetObjects Fusion zu helfen. Vielleicht, weil viele von ihnen - ebenso wie ich - das Interesse an NOF verloren haben und zwischenzeitlich mit anderen Programmen arbeiten.

Aktuell ist es so, dass der Support wie die Kosten für den Betrieb der NOF-Community fast ausschließlich von mir übernommen werden. Dies, und die Tatsache, dass ich die Arbeit mit NetObjects Fusion nicht mehr für zeitgemäß halte, veranlasst mich, den aktiven Forenbetrieb zu beenden. Die Beiträge, Tipps und Anleitungen aus den letzten Jahren stehen ab heute nur noch als Nachschlagewerk zur Verfügung.

Ich bedanke mich an dieser Stelle ganz herzlich bei allen, die mich und die NOF-Community in den vergangenen Jahren unterstützt haben.

Beste Grüße nettesekel

Die letzten Beiträge

Absturz bei FTP Publizierung
von nettesekel
16. April 2017, 12:51:56

E-Masil Adresse herausfinden
von nettesekel
11. April 2017, 16:16:20

Keine Neuinstallation möglich
von nettesekel
10. April 2017, 16:00:27

Publizieren geht nicht
von musikavokale
09. April 2017, 23:15:50

NOF 15
von nettesekel
04. April 2017, 23:55:26

Feststehender Seitenbereich
von nettesekel
01. April 2017, 17:37:12

Aufklappbare Navigation
von nettesekel
31. März 2017, 12:50:30

Nov 12 zum hare ausreisen
von Jim Panse
26. März 2017, 11:48:03

Lytebox Dateiablage
von fahrzeugseiten
21. März 2017, 23:23:23

* Schatznasen Feed

* Aquablogger Feed

* Strickzeugs Feed

* Links für Katzenfreunde

* ...

Fachanwalt für Internet-Recht C.Schmietenknop

* Friendship

DER Katzenblog – mit tollen Tipps und Ideen für deine Katze(n) <3

Autor Thema: Fotokarrussel mit Verlinkung  (Gelesen 5061 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline MCT2013

  • Neuling
  • *
  • Beiträge: 17
Fotokarrussel mit Verlinkung
« am: 21. April 2014, 23:16:34 »
Hallo zusammen,

NOF hat ja so ein schönes Feature um ein Foto-Karussell einzubauen, doch haben diese leider nicht komplett mitgedacht (meine persönliche Meinung).
Man kann die Bilder nicht einzeln mit anderen Seiten verlinken (da sie die Navigation komplett drauf gesetzt haben).
Ich hätte gerne ein Bilder Karussell Menü mit mehreren Fotos aber finde leider keins.
Habt Ihr einen Workaround für solch einen Wunsch?

Als Beispiel fällt mir jetzt spontan nur eine Webseite ein:  :-x

http://store.apple.com/de/mac

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Fotokarrussel mit Verlinkung
« Antwort #1 am: 21. April 2014, 23:41:54 »
Ich weiß nicht, wie fit du in so Sachen bist, aber diese Lösung könnte man mit etwas Geschick sicher für die Umsetzung deines Wunsches nutzen... https://www.nof-community.de/index.php?topic=1973.0#top

Offline MCT2013

  • Neuling
  • *
  • Beiträge: 17
Re: Fotokarrussel mit Verlinkung
« Antwort #2 am: 22. April 2014, 23:08:46 »
Also das Beispiel von Dir passt eigentlich schon konkret zu meinem Wunsch, da gebe ich Dir vollkommen recht!  (clap)

Und ja eigentlich könnte ich nie so etwas alleine schreiben, da meine Kenntnisse nicht sooo gut sind. Wenn ich es lese macht es Sinn und ich kann es umsetzen, ABER Abänderungen durchzuführen und dann noch gut aussehen sind 2 Paar unterschiedliche Schuhe  :-D

Wie bekomme ich das Grosse Bild entfernt und nur den coolen Slider? Also den HTML im TEXT habe ich auf dies abgeändert:

<div id="gallery">
  <div id="slider">
     <div>
       <img src="./assets/images/Monate/April2014.png" " class="first image">
       <img src="./assets/images/Monate/April2014.png" " class="first image">
       <img src="./assets/images/Monate/April2014.png" " class="first image">
       <img src="./assets/images/Monate/April2014.png" " class="first image">
     </div>
     <div>
       <img src="./assets/images/Monate/April2014.png" " class="first image">
       <img src="./assets/images/Monate/April2014.png" " class="first image">
       <img src="./assets/images/Monate/April2014.png" " class="first image">
       <img src="./assets/images/Monate/April2014.png" " class="first image">
     </div>
     <div>
       <img src="./assets/images/Monate/April2014.png" " class="first image">
       <img src="./assets/images/Monate/April2014.png" " class="first image">
       <img src="./assets/images/Monate/April2014.png" " class="first image">
       <img src="./assets/images/Monate/April2014.png" " class="first image">
     </div>
  </div>
  <span id="prev">&#38;#9664;</span>
  <span id="next">&#38;#9654;</span>
</div>

Und dabei kam eigentlich nur XXXX heraus  ;-) ;-) ;-)
Ich glaube jetzt siehst du das ich total idiotisch wohl daran gehe

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Fotokarrussel mit Verlinkung
« Antwort #3 am: 22. April 2014, 23:21:27 »
Du wirst es nicht glauben, aber ich muss es ausprobieren. Ist schon zu lang her als dass ich die Details noch wüßte... ich guck mal...  (fubar)

Offline MCT2013

  • Neuling
  • *
  • Beiträge: 17
Re: Fotokarrussel mit Verlinkung
« Antwort #4 am: 22. April 2014, 23:26:54 »
Das glaube ich Dir aufs Wort! Ich kam ja schon nach 30 Minuten an meine Grenzen und wenn ich Dir zuschaue wie schnell du hier fragen lösen kannst wird mir ja schon schwindelig  :-D :-D

BTW: Falls es dir hilft, so sieht mein Resultat aus  :-x :-x

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Fotokarrussel mit Verlinkung
« Antwort #5 am: 22. April 2014, 23:46:55 »
Also das wäre der Code den du ins HTML eines Textfeldes einfügen musst. Wie, steht im anderen Tut beschrieben... natürlich musst du auch CSS und Scripts aus dem anderen Tut einbinden. Das große Bild lässt du einfach komplett weg.

Wenn ich mal was Zeit habe, mache ich mal ein extra Tut daraus.

Code: HTML5
  1. <div id="gallery">
  2.   <div id="slider">
  3.      <div>
  4.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie1-s.jpg" title="" class="first image"></a>
  5.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie2-s.jpg" title="" class="first image"></a>
  6.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie3-s.jpg" title="" class="first image"></a>
  7.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie4-s.jpg" title="" class="image"></a>
  8.      </div>
  9.      <div>
  10.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie5-s.jpg" title="" class="first image"></a>
  11.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie6-s.jpg" title="" class="first image"></a>
  12.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie7-s.jpg" title="" class="first image"></a>
  13.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie8-s.jpg" title="" class="image"></a>
  14.      </div>
  15.      <div>
  16.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie9-s.jpg" title="" class="first image"></a>
  17.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie10-s.jpg" title="" class="first image"></a>
  18.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie11-s.jpg" title="" class="first image"></a>
  19.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie12-s.jpg" title="" class="image"></a>
  20.      </div>
  21.      <div>
  22.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie13-s.jpg" title="" class="first image"></a>
  23.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie14-s.jpg" title="" class="first image"></a>
  24.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie15-s.jpg" title="" class="first image"></a>
  25.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie16-s.jpg" title="" class="image"></a>
  26.      </div>
  27.      <div>
  28.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie17-s.jpg" title="" class="first image"></a>
  29.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie18-s.jpg" title="" class="first image"></a>
  30.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie19-s.jpg" title="" class="first image"></a>
  31.        <a href="http://nof-community.de" target="_blank"><img src="../assets/images/galerie20-s.jpg" title="" class="image"></a>
  32.      </div>
  33.   </div>
  34.   <span id="prev">&#38;#9664;</span>
  35.   <span id="next">&#38;#9654;</span>
  36. </div>

Wenn dann irgendwelche Bilder fehlen, am besten alles in ein testverzeichnis online stellen, mit einem Link kann ich dann schnell helfen... denn da kann man in den Quelltext gucken. Aber vielleicht klappts ja so schon. :)

In dem Code ist übrigens schon die Basis vorhanden die einzelnen Bilder zu verlinken. Du musst nur deine Links einsetzen.


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

zu deinem Code... die Gänsefüßchen vor class= sind jeweils zu viel:

<img src="./assets/images/Monate/April2014.png" " class="first image">

Und das letzte Bild hat jeweils eine andere Klasse, weil es nach rechts keinen Abstand halten muss, die anderen Bilder hingegen schon. Deshalb die ersten Bilder "first image" und das letzte "image"
« Letzte Änderung: 22. April 2014, 23:55:54 von nettesekel »

Offline MCT2013

  • Neuling
  • *
  • Beiträge: 17
Re: Fotokarrussel mit Verlinkung
« Antwort #6 am: 23. April 2014, 00:25:01 »
Super! Vielen Dank für die Erklärung.

Aber irgendwie bekomme ich den Slider nicht richtig dargestellt.

Ich habe jetzt nur deine Codes eingebaut ohne rum zu pfuschen.

Schau mal hier:

http://s519344186.online.de/TESTSEITE/html/april-2014.html

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Fotokarrussel mit Verlinkung
« Antwort #7 am: 23. April 2014, 09:40:50 »
So 100%ig habe ich da auch noch keinen Reim drauf.
Ändere zunächst mal diesen Abschnitt:

Code: HTML5
  1.   <span id="prev">&#38;#38;#9664;</span>
  2.   <span id="next">&#38;#38;#9654;</span>

in:

<span id="prev">&#9664;</span>
<span id="next">&#9654;</span>

Der Codecontainer haut da scheinbar ein paar zusätzliche Zeichen rein...
Dann werden die Pfeile schon mal korrekt angezeigt.

Offline MCT2013

  • Neuling
  • *
  • Beiträge: 17
Re: Fotokarrussel mit Verlinkung
« Antwort #8 am: 27. April 2014, 14:39:48 »
Also jetzt werden zumindest die Pfeile schon angezeigt. Aber wenn du dein Beispiel (http://demos.nof-community.de/WBGalerieScrollingThumbs/index.html)
mit meiner Testseite
(http://s519344186.online.de/TESTSEITE/html/april-2014.html) vergleichst ist da im Container schon um einiges falsch gelaufen.

Denn bei mir können die Bilder nicht navigiert werden und unter den Bildern erscheint ein 2tes abgeschnittenes Bild.

Also einfach nur das Mouseover zu entfernen, ist doch nicht so easy wie gedacht  ;-)

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Fotokarrussel mit Verlinkung
« Antwort #9 am: 27. April 2014, 16:52:46 »
Ich habe es ja bei mir ausprobiert, da lief es so. Läuft es denn bei dir korrekt, wenn du es komplett einbaust? Ich habe schon einiges probiert an deiner Seite, aber irgendwie steige ich noch nicht so ganz dahinter, was den Fehler verursacht...

Offline MCT2013

  • Neuling
  • *
  • Beiträge: 17
Re: Fotokarrussel mit Verlinkung
« Antwort #10 am: 27. April 2014, 18:56:45 »
Ne, ich habe es leider noch nicht geschafft dieses Karussell zum laufen zu bringen.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Fotokarrussel mit Verlinkung
« Antwort #11 am: 27. April 2014, 20:09:10 »
Ich guck mich mal noch nach was anderem um... kann aber was dauern...


Offline MCT2013

  • Neuling
  • *
  • Beiträge: 17
Re: Fotokarrussel mit Verlinkung
« Antwort #13 am: 14. Mai 2014, 23:15:34 »
Super! Vielen Dank Nettesekel. Das sieht schon sehr viel besser aus!  ;-)

Aber das ganze bewegt sich bei mir nicht wenn man auf den Pfeil klickt hahahaha SORRY!!!

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Fotokarrussel mit Verlinkung
« Antwort #14 am: 14. Mai 2014, 23:27:37 »
Dann hast du etwas falsch gemacht hahahha... wie siehts denn mit einem Link aus?  ;-)

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion