JavaScript in den HEAD-Bereich im Layout "Album Resposive/bold" einbauen

ich möchte in den head bereich java scripts bei album resposive/bold einfügen aber wo sonnst ging das ja in default.html aber diese html scheint es bei album resposive/bold
nicht zu geben frage wo muss das scrpt dann hin????
danke und lg im voraus
schmaler73

Hallo Jochen,
also Album Responive ist klar und bold denke ich wird die farbgebung sein denn das layout wir in 3 verschieden arten angeboten ich denke
eine ist bold eine solte light heissen in der hatte ich es vorher eigendlich gedacht geviel mir aber nicht. Bei den Java Scripts handelt es sich um jeweils 2 teilige scripts jeweils 1 teil der in den Head bereich muss und ein teil in den bereich wo er angezeigt werden soll. das eine ist ein bildwechsler der sich aber auch anderweitig benutzen lässt. Und das andere ist ein Kalender. Hier mal die scripts :
script 1
<script language="JavaScript" type="text/JavaScript">
<!--

// W. Jansen web-toolbox.net
// Bildwechsel auto / manuell, Start / Stop
// Version: 15.01.2014

// hier Werte festlegen

var Autostart = 1; // Autstart 0 oder 1
var AnzeigeZeit = 4000; // Anzeigezeit in Millisekunden
var StartDelay = 1000; // Verzögerung beim Start in Millisekunden

var Grafiken02 = new Array();

// Anfang Bilder eintragen

Grafiken02[Grafiken02.length] = "bilder/Petra.jpg"
Grafiken02[Grafiken02.length] = "bilder/Holger.jpg"
Grafiken02[Grafiken02.length] = "bilder/Die Cornys.jpg"

// Ende Bilder eintragen

/*
oben kann man weitere Bilder eintragen.
Im neuen Script ist der Dateiname nicht mehr an Vorgaben gebunden
Grafiken können in unterschiedlichen Ordnern stehen und
jeden beliebigen (gültigen) Dateinmen haben (jpg, gif, png)
Die Anzahl der Bilder wird automatisch ermittelt

Grafiken02[Grafiken02.length] = "images/hochzeit.jpg"
Grafiken02[Grafiken02.length] = "images/bild-25.jpg"
Grafiken02[Grafiken02.length] = "fotos/bild16.png"
Grafiken02[Grafiken02.length] = "ordner2/vogel.jpg"
*/

var counter = 0;
var AnzahlBilder = Grafiken02.length

// bildwechsel

function Bildwechsel02()
{
document.getElementById("Bild01").src = Grafiken02[counter];
counter++;
if(counter == AnzahlBilder) counter = 0;
}

function startSlide() {
Autostart == 0;
start = setInterval("Bildwechsel02()", AnzeigeZeit);
document.getElementById('Link01').style.display = "none"; // laden
document.getElementById('Link02').style.display = "inline"; // anhalten
document.getElementById('Link03').style.display = "none"; //starten
document.getElementById('Link04').style.display = "none"; // weiter
}

function stopSlide() {
Autostart == 0;
clearInterval(start);
document.getElementById('Link01').style.display = "none"; // laden
document.getElementById('Link02').style.display = "none"; //anhalten
document.getElementById('Link03').style.display = "none"; // starten
document.getElementById('Link04').style.display = "inline"; // weiter
}

function Init() {
if(Autostart == 1) {
document.getElementById('Link01').style.display = "none"; // laden
document.getElementById('Link02').style.display = "inline"; // anhalten
document.getElementById('Link03').style.display = "none"; //starten
document.getElementById('Link04').style.display = "none"; // weiter
startSlide();
}
else
{
document.getElementById('Link01').style.display = "none"; // laden
document.getElementById('Link02').style.display = "none"; // anhalten
document.getElementById('Link03').style.display = "inline"; //starten
document.getElementById('Link04').style.display = "none"; // weiter
}
}

setTimeout("Init()",StartDelay);

// End -->
</script>
teil im head bereich
teil im boddy
<div style="width: 363; height: 492; border: 1px solid #CFCFCF; background: img 386.jpg 386.jpg">
<b>Informationen</b><font size="4" face="Arial"><div style="width: 300; height: 300">
<!-- ID eingetragen -->
<p>
<img id="Bild01" src="bilder/Die Cornys.jpg" width="292" height="274" border="1" alt>
</div>
<div>
<br>
<img id="Link01" style="display:inline;" src="slideshow02a/180-werden-geladen.png" border="0" alt width="180" height="30">
<img id="Link02" onClick="stopSlide();" style="display:none;" src="slideshow02a/180-anhalten.png" border="0" alt width="180" height="30">
<img id="Link03" onClick="startSlide();" style="display:none;" src="slideshow02a/180-starten.png" border="0" alt width="180" height="30">
<img id="Link04" onClick="startSlide();" style="display:none;" src="slideshow02a/180-weiter.png" border="0" alt width="180" height="30">
</div>
</font>
</div>
script2:
teil im head:
</script>
<link rel="stylesheet" media="screen" href="./calendar_js.css" type="text/css" />
<script type="text/javascript" src="./calendar_js.js"></script>
teil im boddy:
<div id="calendar">
[Calendar JS by derletztekick.com]</div>
vieleicht hilf es dir weiter.
danke
lg schmaler73

Danke Jochen werde es probieren !!!!

ausserdem wird die hintergrund gravig nicht richtig dargestellt nur bis zum kleinen teil warum????

Zitat von Jochen

Hallo,

bitte für eine neue Frage, die mit der Ursprungsfrage nicht mehr zu tun hat, ein neues Thema hier eröffnen.
Ist für die bessere Übersichtlichkeit hier im Forum, von Vorteil.

Und dann am besten dazu schreiben, wie die Hintergrundgrafik eingebunden hast.
Oder auch einen Link zu der Adresse Posten, wo man sich das ansehen kann.

Hilfreich wäre dann auch noch zu wissen, ob das zufällig nach dem einfügen der Codes aufgetreten ist.

hallo jochen,
doch das mit der grafik hat was mit dem urspruksthema zu tun denn nur wenn ich die java scripts einbau nach deinem vorschlag dann funktioniert die grafik nicht sonnst schon. die grafik habe ich ganz normal in den einstellungen des Layouts eingebunden. von daher die frage warum ist das so oder muss ich das java anderwo einbauen????

danke dir jochen
lg schmaler73

Zitat von sseiz

Hallo,
warum verwenden Sie nicht das Widget Bilderalbum mit der Option Diaschau?

Hallo s.seiz,
das könnte ich notfalls tun da haben sie recht nur hilft mir das bei anderen java scripten nicht weiter und es würde mir viel arbeit abnehmen wenn ich nur die vorhanden java scripts einpfekgen müsste. dazu müsste man nur wissen wie und wo denn so wie jochen es
vorgeschlagen hatte funktionieren zwar die java scripts aber dann funktioniert die hintergrundgrafik leider nicht mehr und wird nur zum teil dargestellt. deshald der versuch das so zu lösen.

lg und danke für die hilfe
schmaler73

Zitat von sseiz

Hallo,

mein vorschlag kam nur, weil das mit den JavaScripts – wie Sie merken – gar nicht so einfach ist, wenn man sich mit JavaScript nicht auskennt. Es kommt nicht nur darauf an, wo man den Code einfügt, sondern auch darauf, dass der Code Fehlerfrei ist und man versteht, wie der Code eingebunden wird… Aus dem Grund versuchen wir die wichtigsten Funktionen als einfach zu konfigurierende Widgets anzubieten.

das glaub ich gern herr seiz, für mich wäre es halt am einfachsten von den beiden scripts wie oben angegenben head bereich des jeweiligen scripts scripts in den head bereich einzusetzen bei dem anderen projetkt ging des auch tadellos über default.html und alles war gut nur die datei gibt es in diesem layout anscheinend nicht.deshalb jetzt mein problem sorry

lg danke
schmaler73

Zitat von sseiz

Hallo,

das script können Sie ja, wie von Jochen beschrieben, über Attribute problemlos im HEAD-Bereicht ausgeben lassen. Den HEAD-Bereich gibt es immer. Die Vorlagen-Datei default.html gibt es auch in jedem Layout, da müssen Sie aber genau wissen, wie man diese korrekt anpasst und dazu auch das Layout kopieren. Kopierte Layouts sind dann aber von Aktualisierungen ausgeschlossen.

ah ok von der aktualisierung ausgeschlossen ok verstehe ich das einfügen über atribute hatte ich gemacht das geht auch eigendlich super nur fällt dann die hintergrundgrafik aus und wird leider nur in einem kleinen teil angezeigt und des ist schade. lass ich aber die scripts aus aus den atributen raus funtioniert die hintergrundgrafik einwandfrei. wass kann ich nun tun ??? mit der nicht aktualisierung könnte ich notfalls leben.

danke lg
schmaler73