bild wird nicht angezeigt

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von Butterblume »

Jetztz habe ich diesen Code

Code: Alles auswählen

<script type="text/javascript">

/***********************************************
* Sticky Note script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Go to http://www.dynamicdrive.com/ for full source code
***********************************************/

//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.

var displaymode="always"

var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
var autohidebox=["yes", 5] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)
var IEfadelength=1 //fade in duration for IE, in seconds
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)

////////No need to edit beyond here///////////

if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)

function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"

if (showonscroll=="yes")
showonscrollvar=setInterval("staticfadebox()", 50)

if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}

function mozfadefx(){
if (parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}

function staticfadebox(){
var ie=document.all && !window.opera
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}

function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}

function controlledhidebox(){
if (autohidebox[0]=="yes"){
var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}

function initfunction(){
setTimeout("displayfadeinbox()", 5500)
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}
</script>

mal in der Test Seite im Header drin gehabt, weil ich da was von fadenbox gelesen habe und das ja auch beim Hinweis habe. Aber auch nichts
angezeigt! Jedoch sehe ich auf der Textseite jetzt ein

Code: Alles auswählen

<div id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ; -moz-opacity:0">
Hat das damit was zu tun?!
Oh je... na ist ja noch alle Zeit der Welt bis Halloween!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 356
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von HTML-Laie »

Das Script muß natürlich im Header vorhanden sein sonst funktioniert es nicht.

Nun zum eigentlichen Problem. Habe mal deine Seite nachgebaut und getestet. Habe dabei festgestellt, das du in der Style.CSS folgende Anweisungen an letzter Stelle eingefügt hast:

Code: Alles auswählen

img {
	max-width: 100%
}
.balken-google {
   width: 100%;
   margin-bottom: 30px;
   text-align: left;
   padding: 1%;
}

.bgimg {
display: table-cell;
vertical-align: middle;
text-align: center;
background-image: url('../../../images/countdown/countdown2023.png');
width:600px;height:500px;
}

.counter {
font-familiy:RikyVampdator;
text-shadow: 2px 2px  black;
font-size:29px;
color:#FF6A00;
 display: inline-block;
 margin-left: 25px;
margin-right:80px;
margin-top: -500px;
}

#music {
  display:none;
}

.einblenden{
border-radius: 9px;
  margin: 1% auto;
  -webkit-box-shadow:0 0 2px #FF6A00, 0 0 2px #FF6A00,0 0 2px #FF6A00,0 0 2px #FF6A00,0 0 2px #FF6A00,0 0 5px #FF6A00,0 0 5px #FF6A00,0 0 5px #FF6A00;
}


#fadeinbox{
position:absolute;
width: 500px;
left: 400;
top: -400px;
border: 2px solid #FF6A00;
background-image: url('../../../images/poserbilder/hinweis2023.png');
width:500px;height:300px;
padding: 0px;
z-index: 400;
visibility:hidden;
color:#FF6A00;
text-shadow: 1px 1px  black;
}
Dort befinden sich die Anweisungen an der falschen Position, deswegen werden auch die Bilder nicht angezeigt.

Füge diese Anweisungen vor denm media screen Bereich ein, also vor

Code: Alles auswählen

@media screen and (max-width:700px)
Dann sollten die Bilder angezeigt werden.

LG Hape ;)
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von Butterblume »

Guten Morgen Hape,

oh es funktioniert. Zumindest wird der Counter angezeigt. Das Bild vom Hinweis jedoch nicht.

Ich habe das immer unten hingesetzt. Auf den anderen Seiten wirds auch komischerweise angezeigt?! Muss ich das verstehen... :E


Wegen dem Hinweis guck ich aber nochmal! Sag torzdem schon einmal vielen :DA
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 356
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von HTML-Laie »

oh es funktioniert. Zumindest wird der Counter angezeigt. Das Bild vom Hinweis jedoch nicht.
Bitte nochmal diesen Satz aus meinem vorherigen Post auf der Zunge zergehen lassen:
Das Script muß natürlich im Header vorhanden sein sonst funktioniert es nicht.
Dieses Script: https://homepagehelfer.org/viewtopic.php?p=88266#p88266

LG Hape ;)
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von Butterblume »

Hallo Hape,

du wirst lachen das hatte ich schon probiert, aber da hatte ich den Abschnitt in der css noch nicht an der falschen Stelle nicht an der wie jetzt.

Nun funktionierts auch!

:DA
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 356
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von HTML-Laie »

Nun funktionierts auch!
Das schon, aber was anderes funktioniert nicht so wie es soll. Und zwar hast du bei deiner Designumbaubastelei mal wieder etwas übersehen. Die rechte Navigation "Grabgeflüster" öffnet sich nicht wenn man mit dem Smartphone surft.

Um das zu ändern folgende Stelle suchen:

Code: Alles auswählen

<center>
<img src="https://www.happy-halloween.karins-poserbilder.de/design/kessel.png" style="border: 0px;" alt="Frosch">
</center>
Davor diesen Code einfügen:

Code: Alles auswählen

<script>
function myFunction1() {
    document.getElementsByClassName("topnav2")[0].classList.toggle("responsive");
}
</script>
Dann sollte es eigentlich wieder funktionieren.

LG Hape :)
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von Butterblume »

Hallo Hape,

eigentlich hatt eich Grabgeflüster nur als Überschrift gedacht!

Aber ich guck noch mal in deiner Antowrt wie ich das ggf ändern kann!

:DA schön

Habs geändert, aug meinem Handy gehts jetzt! Schau du bitte auch noch mal!

Ich habe folgendes jetzt vor dem Kessel stehen

Code: Alles auswählen

<div class="link-bottom"></div>
  <ul class="topnav2">
    <li class="icon">
      <a href="javascript:void(0);" style="font-size:0.8em; color:#FFD800; text-align:center;center;border-bottom: 2px ridge #FF6A00;padding-top:13px;padding-bottom:13px;" onclick="myFunction1()"><strong>Grabgeflüster</strong></a>
    </li>
	 <li><a href='../../../info/ursprung.php'><span style="color:#FF6A00"><span style="font-size: 22pt;">Der Ursprung</a> </li>
    <li>    <a href="../../../fuer_euch/ue-bilder.php"><span style="color:#FF6A00;"><span style="font-size: 22pt;">Grabesstille Ü-Bilder für Euch...</a>   </li>
    <li>    <a href='../../../info/award.php'><span style="color:#FF6A00;"><span style="font-size: 22pt;">Geisterhafte Awards</a>    </li>
    <li>    <a href='../../../hp-jubi/jubi.php'><span style="color:#FF6A00;"><span style="font-size: 22pt;">Mein ganz persönlicher<br/> Hexentanz (HP Jubiläum)</a>    </li>
	<li><a href="../../../von_euch/zerti_schenke_seiten.php" ><span style="color:#FF6A00;"><span style="font-size: 22pt;">Einen finsteren Platz bei...</a></li>
	<li><a href='../../../info/dabei.php'><span style="color:#FF6A00;"><span style="font-size: 22pt;">Teuflische Hexenzirkel </a></li>
	 </ul>
<script>
function myFunction1() {
    document.getElementsByClassName("topnav2")[0].classList.toggle("responsive");
}
</script>
Irgendwie habe ich das Gefühl das es jetzt doppelt gemoppelt ist?
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 356
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von HTML-Laie »

Irgendwie habe ich das Gefühl das es jetzt doppelt gemoppelt ist?
Was ist doppelt gemoppelt???
Du kannst es natürlich wieder entfernen, aber dann kommen die Besucher deiner Homepage, die mit dem Smartphone oder ähnlichen Geräten unterwegs sind nicht in den Genuss die Menüpunkte bzw Links unter deiner "Überschrift" zu Gesicht zu bekommen.

Ist natürlich deine Entscheidung. Ich gebe nur Tips wie die Webseite ordnungsgemäß funktioniert, man muß diese Tips aber nicht befolgen.

LG Hape ;)
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von Butterblume »

Hallo Hape,

ne entfernen will ichs jetzt nicht. Nur sieht das so komische aus.

Schau mal. Das sthet jetzt bei Grabgeflüster

Code: Alles auswählen

 <ul class="topnav2">
    <li class="icon">
      <a href="javascript:void(0);" style="font-size:0.8em; color:#FFD800; text-align:center;center;border-bottom: 2px ridge #FF6A00;padding-top:13px;padding-bottom:13px;" onclick="myFunction1()"><strong>Grabgeflüster</strong></a>
und das habe ich hinzugefügt

Code: Alles auswählen

<script>
function myFunction1() {
    document.getElementsByClassName("topnav2")[0].classList.toggle("responsive");
}
</script>
hat das nicht beides die selbe funktion?? Ich kann natürlich auch wieder zu blöd sein. Wäre ja nicht das erste Mal... :G :oops:
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 356
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: bild wird nicht angezeigt

Beitrag von HTML-Laie »

hat das nicht beides die selbe funktion??
Antwort: nein!

Der erste Code ruft nur die Funktion auf die verborgenen Menüpunkte unter Grabgeflüster sichtbar zu machen.

Der zweite Code ist zur Ausführung zwingend notwendig, sonst funktioniert es nicht.

Es war ja einmal dein Wunsch nach einer zweiten Navileiste falls du dich nicht erinnerst: 2 navileisten für poserbilder



LG Hape :)
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste