Brauche Hilfe von HTML-Experten

Chris

Chris

Bezirksliga
Hallo Herde,

habe folgendes Problem:

Und zwar möchte ich auf einer Homepage ein Bild oder evtl. eine Datei anzeigen lassen, sobald man die Homepage betritt.
Aber nicht mittels eines PopUp-Fensters, sondern als vorgelagertes Bild auf der Startseite selber, welches man mit einem "X" wegklicken kann.
Ich hoffe man kann sich darunter grob was vorstellen.
Ich meine, um die Weihnachtszeit rum hatte die MSV-HP auch sowas.

Die 1. Frage:
Lässt sich sowas ohne die mega Arbeit bewerkstelligen?

und:
Wäre einer so freundlich mir beim Grundgerüst zu helfen oder mir eine Hilfsseite zu senden, wo ich mit dem Seitenquelltext was anfangen kann?!

Danke für eure Hilfe.
 
Ja, das geht aufjedenfall.

Füg doch einfach ein Bild ein, welches (prozentual) so groß ist, wie du es möchtest.

Leider bin ich schon über 1 Jahr raus, ich hatte sowas allerdings selbst auch gemacht. Dies war dann ein Bild in der Gallerie und man konnte es wegklicken, wenn man mochte....

Hast mal ne PN....
 
Einfach einen Div Container über die Seite legen der dein Bild anzeigt. Den Container kannste dann beim onclick-Event ausblenden. Ein wenig CSS und JavaScript, kein Hexenwerk!
 
Du legst einfach einen Layer (<div>) über die Seite.

Dazu solltest du dir mal ergoogeln wie man mit CSS Elemente positioniert.
Sprichworte hierbei: position (absolute, relative, fixed..) , z-index, box model, display (block, inline ..)

Wie sieht denn deine Seite aus? Bzw. der Quelltext der Seite?
Welcher doctype?

Und immer dran denken: Keine Kommentare vor der Doctype Angabe... Ich sag nur Quirks Modus.

Und achso: Fang am besten mit nem CSS Reset an, macht das alles ein wenig einfacher.
 
@Enigma:

Danke für deine Hilfe, den Layer habe ich über die Seite gelegt und es dürfte sich ja dort auch ohne probleme ein Bild integrieren lassen,oder?!

Frag mich nicht so schwere Sachen :-D

Im groben habe ich es also, nur noch die Frage mit welchem Befehl der layer sich weg "x" -en lässst?

Danke für eure hilfe!
 
Habe nun dieses Grundgerüst:

<div style="position: absolute; left: 40px; top: 50px; width: 400px; height: 400px;
background-color: #d0d0d0;">
<p>Hier kommt mit "h ref:..." mein Bild rein</p>
</div>


Klappt auch super, nur jetzt brauch ich noch irgendwie den Befehl zum Weg"X"en.

Finde im Internet nur Sachen aus denen ich absolut nicht schlau werde.
Irgendwas von wegen event, byclick, hiden,...

Kann mir da noch jemand auf die Sprünge helfen, inwiefern da der quelltext aussehen muss und wo ich diesen platzieren muss.

Sorry, aber ich habe echt wenig Ahnung davon und zähre von meinen eher mageren html kenntnissen.
 
per javascript würde ich das so lösen (vorsicht ungetestet):
function Ausblenden(divName){
if(document.getElementById(divName){
document.getElementById(divName).style.display = 'none';
}
}

mit Jquery:

function verstecken()
{
$('#divName').hide();
}

 
und hier mal im html code mit JQuery

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="divName" style="position: absolute; left: 40px; top: 50px; width: 400px; height: 400px;
background-color: #d0d0d0;">
<p>Hier kommt mit "h ref:..." mein Bild rein</p>
</div>
<script>
$('#divName').click(function () {
$(this).slideUp();
});
</script>

</body>
</html>
Zum Vergrößern anklicken....
Ich hoffe das ist sowas was du willst ;d. Statt SlideUp kannst du auch wie oben hide verwenden. SlideUp sieht aber eleganter aus ;D.
 
Perfekt soweit! klappt super!

Nur wieso lässt sich kein Bild in diesem Layer darstellen?
Natürlich mit img src anstatt mit href

Klappt leider nicht
 
Chris schrieb:
Perfekt soweit! klappt super!

Nur wieso lässt sich kein Bild in diesem Layer darstellen?
Natürlich mit img src anstatt mit href

Klappt leider nicht
Zum Vergrößern anklicken....

Also ich habe da kein Problem mit einem Bild. Kann es sein das du den Pfad falsch angibst.

Wenn HTML Seite und Bild auf der gleichen ebene liegen dann:
<img src="delphin.gif">

wenn HTML Seite eine ebene Höher liegt (Bild in einen unterordner images)
<img src="images/delphin.gif">

wenn das Bild eine ebene Höher liegt:
<img src="../delphin.gif">
 
Mhh. Das heißt also das dieses Bild sich auf meiner Seite, in dem Fall die Startseite der hp, befinden muss. Ich kann also nicht:

<im src=www.msvportal.de/Images/Team/Mod.jpg>

Nehmen???
Wie bekomm ich das denn hin?

Vielen dank schonmal fur deine Hilfe
 
Chris schrieb:
Mhh. Das heißt also das dieses Bild sich auf meiner Seite, in dem Fall die Startseite der hp, befinden muss. Ich kann also nicht:

<im src=www.msvportal.de/Images/Team/Mod.jpg>

Nehmen???
Wie bekomm ich das denn hin?

Vielen dank schonmal fur deine Hilfe
Zum Vergrößern anklicken....

probier mal http://www.msvportal.de...

Aber das ist nicht die feine Art, denn damit klaust du traffic. Kopier lieber das Bild zu dir rüber.
 
Chris schrieb:
Mhh. Das heißt also das dieses Bild sich auf meiner Seite, in dem Fall die Startseite der hp, befinden muss. Ich kann also nicht:

<im src=www.msvportal.de/Images/Team/Mod.jpg>

Nehmen???
Wie bekomm ich das denn hin?

Vielen dank schonmal fur deine Hilfe
Zum Vergrößern anklicken....

Also ich würde das Bild kopieren und auf deinen Server legen. Das am besten in einem unterordner images (sauberer), wie Enigma schon sagt ist es nicht die feine Art eine Webadresse zu verlinken. Je nachdem was für ein Bild dies ist muss du auch auf das Urheberrecht achten.

Ordnerstruktur wäre dann so

projectVerzeichnis (index.htm)
|
|--- images (bild.jpg)

dann müsstest du dies so einbinden <img src="images/bild.jpg">

!!! Anführungszeichen nicht vergessen !!!
 
Für so Kleinschiss direkt die ganze jQuery Bibliothek nehmen? Das ist Kanonen auf Spatzen ... mach das selber in JavaScript, da lernste mehr und musst nicht den Ballast der kompletten Bibliothek mit dir rum schleppen!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben