Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

Rollover/PopUp

Diskussion: Rollover/PopUp im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hallo liebe Mitglieder, baue gerade an einer Seite: Wo Bilder im eigenen Fenster aufgehen, mein code sieht so aus: ...

Antwort
Alt 07.01.08, 14:40   #1 (permalink)
 
Registriert seit: 08.01.05
krimecing Leistung: Facit NTK
Likes: 0
Rollover/PopUp

Anzeige

Hallo liebe Mitglieder, baue gerade an einer Seite:



Wo Bilder im eigenen Fenster aufgehen, mein code sieht so aus:

Code:
<div id="layer" style="position:absolute; left:240px; top:120px; z-index:1">

<span style="font-size: 1.5em">SH-3434</span><br><br>
	<a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1"/></a>
	<a href"#" onClick="window.open('../img/technics/technics.sh-3434.02.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.02b.jpg" border="1" /></a>
</div>
Im grunde habe ich die Wünsche:

1. Fenster soll an meiner vorgegebener stelle öffnen
2. Wenn ich ein Bild geöffnet habe und drauf klicke das ich zum nächsten wechseln kann
3. Rollover Effect, wenn ich über ein kleines Bild fahre, geht das auch?
4. Das sich das Popup Fenster dem Bild anpasst [nur bei FF?]



Würde mich sehr über Hilfe freuen :) Danke euch.
krimecing ist offline   Mit Zitat antworten
Alt 07.01.08, 15:51   #2 (permalink)
Senior Member
 
Registriert seit: 16.11.05
Gnome Leistung: Facit NTK
Likes: 0
Standard

[semi-ot]Und was hat das mit Java zu tun? Das ist Javascript und damit etwas komplett anderes.[/semi-ot]
Gnome ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 07.01.08, 16:31   #3 (permalink)
 
Registriert seit: 17.10.06
:::Lük::: Leistung: Facit NTK
:::Lük::: eine Nachricht über ICQ schicken
Likes: 0
Standard

Evtl mal das hier anschauen:
http://de.selfhtml.org/javascript/ob...indow.htm#open
http://de.selfhtml.org/javascript/beispiele/buttons.htm
:::Lük::: ist offline   Mit Zitat antworten
Alt 07.01.08, 17:27   #4 (permalink)
Senior Member
 
Registriert seit: 18.09.05
[starfoxx] Leistung: Facit NTK
Likes: 0
Standard

Ich beschäftige mich schon länger mit webdesign und kann sagen dass popups nicht die optimale Lösung sind. Viele Browser (ich glaube mittleweile schon das Geschwühr von Microsoft) blocken Popups von Haus aus. Du nötigs also jeden deiner Besucher Sonderregeln für deine Website zu definieren. Wieviele Leute das tun werden anstatt einfach "abzuspringen" kommt dann halt auf die Zielgruppe oder den Inhalt an.

Es gibt da ein paar ganz nette Sachen, geregelt über Javascript und etwas modernes CSS und ist - ich kann mich irre - sogar ziemlich weit nach unten kompatibel.

Lightbox
http://www.huddletogether.com/projects/lightbox/

Lightbox2
http://www.huddletogether.com/projects/lightbox2/

Thickbox (3.1)
http://jquery.com/demo/thickbox/ (unter Examples gibts was zu sehen)

Blogeintrag zu den beiden
http://www.zerbit.de/journal/show.asp?id=111
[starfoxx] ist offline   Mit Zitat antworten
Alt 07.01.08, 18:45   #5 (permalink)
Themenstarter
 
Registriert seit: 08.01.05
krimecing Leistung: Facit NTK
Likes: 0
Standard

danke [starfoxx] für deine tip, leider kann ich mit der lightbox nichts anfangen, gefällt mir überhaupt.

Zitat:
...blocken Popups...
auch einfache bilder, die bloß per klick drauf auf gehen ?( hatte das problem mit FF noch nicht...


bespiel: http://anonym.to/?<a href="http://fa...s&uid=1087</a>
wo man drauf klickt und zum nächsten bild weiter geleitet wird. muss das jetzt in ein html dokument eingebunden werden?

wichtig wär mir auch der ROLLOVER effekt, möchte die kleine temp bilder wechseln lassen:



hell gegen dunkel.
krimecing ist offline   Mit Zitat antworten
Alt 07.01.08, 19:59   #6 (permalink)
 
Registriert seit: 17.10.06
:::Lük::: Leistung: Facit NTK
:::Lük::: eine Nachricht über ICQ schicken
Likes: 0
Standard

Hast du meinen Post gelesen?
:::Lük::: ist offline   Mit Zitat antworten
Alt 07.01.08, 22:09   #7 (permalink)
Themenstarter
 
Registriert seit: 08.01.05
krimecing Leistung: Facit NTK
Likes: 0
Standard

ja danke mit den öffnen an der stelle wo ich möchte geht es jetzt :] [mit screenX=250,screenY=150]

Code:
<a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1"/></a>
<a href"#" onClick="window.open('../img/technics/technics.sh-3434.02.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.02b.jpg" border="1" /></a>
aber mit den ROLLOVER komme ich nicht klar, wie binde ich das den jetzt da ein?

Code:
<a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1"/></a>
krimecing ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » Rollover/PopUp
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Rollover Test User Hackerboard.de-Feedback 11 17.07.09 10:36
Rollover-Effekt? krimecing (Web-) Design und webbasierte Sprachen 5 08.09.07 11:11
RollOver unter IE :::Lük::: (Web-) Design und webbasierte Sprachen 3 20.11.06 01:13
PopUp nasir (Web-) Design und webbasierte Sprachen 6 14.06.06 22:59
PopUp abcd (Web-) Design und webbasierte Sprachen 2 28.01.06 13:31


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61