Rollover Menu mit jpegs?
Eingetragen von SchaeferGmbH (22)am 24.03.2010 - 15:42 Uhr in
Hallo,
ich baue gerade eine neue Seite auf und soll als Menu nun folgendes erstellen:
Das Menu soll in der Kopfleiste sein und aus 6 unterschiedlichen bildern bestehen welche nebeneinander angeordnet sind.
Diese sollen sich dann vergrößern wenn man drüber fährt mit der maus, aber nur nach links und rechts.
Es soll fließend sich bewegen zwischen den verschiedenen bildern, welche alle für einen eigenen Menupunkt stehen.
Ich hoffe ich habe mich nicht zu kompliziert ausgedrückt.
Danke
- Anmelden oder Registrieren um Kommentare zu schreiben
Das ImageMenu-Modul ist eine
am 24.03.2010 - 17:30 Uhr
Das ImageMenu-Modul ist eine ganz gute Basis für so etwas: http://drupal.org/project/imagemenu
Wenn es fließende Bewegungen
am 24.03.2010 - 18:28 Uhr
Wenn es fließende Bewegungen sein sollen hört sich das ganz stark nach jQuery (oder einem anderen JavaScript Framework) an....
Oder so was ?
am 24.03.2010 - 23:14 Uhr
http://www.jeremymartin.name/examples/kwicks.php?example=1
Sepp
Perfekt
am 25.03.2010 - 10:41 Uhr
Genau so etwas suche ich! Nur leider bin ich ein ziemlicher Noob was jQuery betrifft?
Gibt es dafür ne einfach Anleitung?
Danke
Anleitung
am 25.03.2010 - 11:09 Uhr
Gibt es dafür ne einfach Anleitung?
http://www.jeremymartin.name/projects.php?project=kwicks
Und da mal ganz unverbindlich auf "Documentation" und "Examples" klicken.
einfacher?
am 25.03.2010 - 13:59 Uhr
Gibts das vll. noch etwas einfacher erklärt. wie gesagt bin nicht gerade sehr html. bzw. java bewandert?
Hab bei google nix gescheites gefunden
Danke
Na, sooo schwer ist das auch nicht
am 25.03.2010 - 21:06 Uhr
Hier mal eine stichwortartige Anleitung:
Du willst zum Baispiel die Primary-Links themen also das hier:
<div id="primary">
<ul class="links primary-links">
<li class="menu-xxx active-trail first active">
<a class="active" title="Herzlich Willkommen" href="/inhalt/herzlich-willkommen">Startseite</a>
</li>
</ul>
</div>
In deiner Theme-Info-Datei fügst du CSS und JavaScript-Files für kwick dazu: siehe auch
stylesheets[all][] = kwicks.css // wie auf http://www.jeremymartin.name/projects.php?project=kwicksscripts[] = jquery.kwicks-1.5.1.pack.js // kwicks soll geladen werden
in deiner template.php fügst du den Kwick-Startaufruf dazu: siehe auch und dei Kwick-Homepage
<?phpdrupal_add_js ("
$().ready(function() {
$('.primary-links').kwicks({
max : 205,
spacing : 5
});
});", "inline");
?>
Alles klar soweit ?
Sepp
Wenns nicht laufen sollte, einfach eine statische HTML-Seite mit dem Primary-Menu und Kwick machen ....
mh...
am 26.03.2010 - 08:33 Uhr
Danke schon mal für deine ausführliche Antwort, aber ich steige trotzdem noch nicht dahinter. Irgendwie stehe ich seit Tagen auf dem Schlauch.
wo muss ich die Sachen einfügen? Muss ich dann nur die Dateien nur ergänzen?
Sorry, bin leider nicht all zu fit hierdrin.
Vielen Dank
Themes
am 26.03.2010 - 21:07 Uhr
Hallo Schäfer ..
du mußt dich mit dem Style (Theme) deiner Drupal-Installation auseindersetzen
z.B. hier: http://www.drupalcenter.de/handbuch/17767
dann verstehst du auch was ich meine ...
Sepp
aber wie?
am 25.05.2010 - 14:31 Uhr
Hallo Sepp,
ich hab grad immer noch das Problem mit kwicks. Wie bau ich denn die HTML-Seite auf mit dem Primary Menu und Kwick?
Kannst du mir da vll. nochmal einen tip geben bzw.helfen, da ich selbst wie du ja bereits gelesen habe nicht den all zu großen Plan habe.
Danke
Gruß
Philipp
siehe oben
am 25.05.2010 - 19:17 Uhr
http://www.drupalcenter.de/node/26322#comment-94348
was genau ist dir da unklar ?
Sepp
Aber wo genau füge ich denn
am 26.05.2010 - 06:59 Uhr
Aber wo genau füge ich denn den Quellcode in die Dateien ein, den du mir geschickt hast.
Hab echt keine Ahnung.
Mein kwicks soll aus 6 Bildern bestehen und ich weiß nicht, wie ich die platzieren kann, weil bisher habe ich kwicks auf meiner drupal seite noch einmal zum laufen gebracht.
Danke
Philipp
Hallo, ich hab jetzt ne
am 26.05.2010 - 16:56 Uhr
Hallo,
ich hab jetzt ne statische html-Seite erstellt und dort ein flash-navigationsmenu eingebaut.
Wie kann ich diese nun aber als theme aktivieren?
Danke
Gruß
Ausführlicher
am 26.05.2010 - 19:58 Uhr
Du hast ja ein Theme aktiviert
im Theme-Pfad gibt es üblicherweise eine "ThemeName".info-Datei
in diese Datei fügst du ein:
stylesheets[all][] = kwicks.css // wie auf http://www.jeremymartin.name/projects.php?project=kwicksscripts[] = jquery.kwicks-1.5.1.pack.js // kwicks soll geladen werden
scripts[] = mykwicksstart.js // deine KwickStart-Datei (siehe unten)
in den Theme-Pfad legst du die Dateien ab:
jquery.kwicks-1.5.1.pack.js
kwicks.css
im Theme-Pfad erstellst du die Datei:
mykwicksstart.js
mit dem Inhalt:
$().ready(function() {$('.primary-links').kwicks({
max : 205,
spacing : 5
});
});", "inline");
Damit hast du eigentlich den javascript-Teil und die CSS-Datei geladen.
Es sollte sich dannn auch schon was tun.
Sonst mal mit Firebug gucken was passiert und mit deiner statischen Seite vergleichen
UND GANZ WICHTIG: Den Cache leeren unter /Einstellungen/Leistung"
Ok, ich denke das sollte ich
am 28.05.2010 - 07:03 Uhr
Ok, ich denke das sollte ich hinbekommen. Ich habe das flash-menu aber nicht mit kwicks gemacht, sondern ein Bekannter hat es mit mootools gemacht?
Habe gelesen, dass dies nicht mit Drupal funktionieren würde.
Hoffe es geht doch irgendwie...
Gibts ansonsten ne möglichkeite die statische Seite einzubauen?
Danke
Gruß