Hallo, alle zusammen. Ich brauche für meinen Web-Katalog ein JavaSkript. Ich weiß, daß meine Idee damit funktioniert, aber ich kann\'s nicht selbst. Wer kann mir dabei helfen?
Es geht darum, ein Bild virtuell mit verschiedenen Rahmen zu umgeben. D.h., man klickt auf die Abbildung des Rahmens und sieht dann das Bild mit diesem Rahmen. Da es sich hier um ca. 290 Motive mit je 5 verschiedenen Rahmen handelt, hab ich keinen Bock, das alles manuell einzuspielen.
xafford 
Veritas „Hilfe - ich brauche ein JavaSkript“
ohne genau zu wissen, wie deine seite aussieht/aussehen soll kann man kein script einfach so entwickeln. an sich ist es (wenigstens für neurere browser) recht einfach umzusetzen.
Veritas xafford „ohne genau zu wissen, wie deine seite aussieht/aussehen soll kann man kein...“
Ist mir schon klar, daß mit den fragmentalen Angaben von mir ein Script nicht geschrieben werden kann. Wollte zunächst mal hören, ob überhaupt Reaktionen kommen.
Meine Website ist www.promarkon.de - es geht um den Bereich Leinwandreproduktionen. Das ist ein Katalog mit Bildern, die in verschiedenen Rahmen angeboten werden. Ich hatte für diesen Katalog jedes Bild mit jedem gezeigten Rahmen als jpg gespeichert.
Ich muß nun alle Rahmen austauschen (Lieferant gewechselt)und will die Anzeige flexibler gestalten. Ich habe mir das so vorgestellt:
Das Bildmotiv wird in einem Fenster gezeigt (eventuell mit Frames), von den Rahmen gibt es eine Abbildung eines Winkels. Klickt man auf den gewünschten Rahmen, wird das Bildmotiv mit Rahmen gezeigt.
Der Rahmen muß nicht in der Größe angepaßt werden, das wird in der richtigen Größe hinterlegt.
Wenn jemand bereit ist, mir zu helfen (notfalls auch gegen
Bezahlung ;-)))), sollten wir telefonieren.
Veritas Nachtrag zu: „Ist mir schon klar, daß mit den fragmentalen Angaben von mir ein Script nicht...“
Also, hab mir das mit CSS in selfhtml mal genauer angesehen - habe mich bisher davon ja ferngehalten .....
Das könnte funktionieren, aber wie kann ich die Rahmengrafik verstecken? Und wie definiere ich: bei Klick auf Rahmenmuster.jpg zeige diesen Rahmen an eben dieser in CSS definierten Stelle???????
xafford Veritas „Also, hab mir das mit CSS in selfhtml mal genauer angesehen - habe mich bisher...“
prinzipiell so:
<style type="text/css">
#r1
{
width:400;
height:400;
background-color:#990000;
position:absolute;
top:100;
left:100;
visibility:hidden;
}
#r2
{
width:400;
height:400;
background-color:#009900;
position:absolute;
top:100;
left:100;
visibility:hidden;
}
#bild
{
width:380;
height:380;
background-color:#999999;
position:absolute;
top:110;
left:110;
}
</style>
<div id="r1">
</div>
<div id="r2">
</div>
<div id="bild">
</div>
<input type="button" value="Rahmen1" onClick="javascript:getElementById('r1').style.visibility='visible'">
<input type="button" value="Rahmen1" onClick="javascript:getElementById('r2').style.visibility='visible'">
natürlich ist das nur prinzipiell und du mußt es dadurch erweitern, daß die nicht mehr benötigten rahmen jeweils ausgeblendet werden,w enn ein neuer eingeblendet wird. außerdem funktioniert es so noch nicht mit allen browsern.
Veritas xafford „prinzipiell so: r1 width:400 height:400 background-color: 990000...“
hmmmm - zunächst mal viiiieeeelen Dank - das muß ich übers Wochenende erst mal verarbeiten. Wenns erfolgreich war, melde ich mich (wenn nicht, auch ....;-))
Gruß und schönes WE
G. Mayer
Maxx Stone Veritas „hmmmm - zunächst mal viiiieeeelen Dank - das muß ich übers Wochenende erst...“
Hi VERITAS,
jepp, wie xafford schreibt.
Da Du mit Frontpage arbeitest(?) wollte ich aber noch erwähnen:
- in die div-Tags/Bereiche muss natürlich noch der Rahmen, z.B.
<img src="blablaPfad/Superrahmen1.htm" id="bla" alt="" width="bla" height="bla">
- der Style Kram in den Head-Bereich; der Rest in den Body-Bereich
- Anpassung an unterschiedliche Browser (wie xafford ja schon andeutete)
Viel Erfolg
Maxx Stone
PS: Hoffe Du xafford dankend (z.B. im Quellcode) ;-)))
Maxx Stone Veritas „Hilfe - ich brauche ein JavaSkript“
Hi Veritas,
der Aufwand hängt davon ab womit (Browser, etc.) die Seite funktionieren muss.
Ginge z.B. mit CSS 2.0 (sollte bei 95-99 Prozent Besucher funktionieren):
- Das Katalogbild anzeigen lassen; alle Rahmen versteckt (und positioniert) darüber legen. Beim auswählen des Rahmens dann den (nur den) betroffenen Rahmen sichtbar machen.
Ist das ungefär was Du wolltest?
Gruss
Maxx Stone
Weizenbiertrinker ;-)
Veritas Maxx Stone „Hi Veritas, der Aufwand hängt davon ab womit Browser, etc. die Seite...“
Also, hab mir das mit CSS in selfhtml mal genauer angesehen - habe mich bisher davon ja ferngehalten .....
Das könnte funktionieren, aber wie kann ich die Rahmengrafik verstecken? Und wie definiere ich: bei Klick auf Rahmenmuster.jpg zeige diesen Rahmen an eben dieser in CSS definierten Stelle???????
Maxx Stone Veritas „Also, hab mir das mit CSS in selfhtml mal genauer angesehen - habe mich bisher...“
Hi redskull,
ups, bist schneller am posten als ich :-)
selfhtml hat alles was Du brauchst
folgende Stichworte:
- "Positionierung",
- " document.Bilderrahmenrahmen1.style.visibility = 'hidden' "
- Javascript:onclick
Gruss
Maxx Stone
Veritas Maxx Stone „Hi redskull, ups, bist schneller am posten als ich :- selfhtml hat alles was Du...“
hmmmm - zunächst mal viiiieeeelen Dank - das muß ich übers Wochenende erst mal verarbeiten. Wenns erfolgreich war, melde ich mich (wenn nicht, auch ....;-))
Gruß und schönes WE
G. Mayer
Veritas Nachtrag zu: „Hilfe - ich brauche ein JavaSkript“
Hallo Maxx,
das hört sich gut an, muß ich ausprobieren. Wenn's klappt, 1000000000 Dank ;-))
Maxx Stone Veritas „Hilfe - ich brauche ein JavaSkript“
Hi redskull,
ich hab Deine Seite mal angeschaut, sieht ganz nett aus. Mit fünf Rahmen sollte es kein Problem sein. Wenn es mehr werden würde ich etwas anderes vorschlagen.
Ansonsten: Die Rahmen als gif speichern, der innere Teil natürlich transparent. Wenn 256 Farben reichen. Alternativ jpg-Rahmen, dann aber die Verkaufsbilder per CSS darüber legen...
Gruss
Maxx Stone
Maxx Stone Nachtrag zu: „Hi redskull, ich hab Deine Seite mal angeschaut, sieht ganz nett aus. Mit fünf...“
Hi Veritas, Veritas, Veritas, Veritas,
:-O
jetzt hab ich`s
:-)
Hatte noch was anderes gepostet
Gruss
Maxx Stone
