Re: [TYPO3-german] Zufällig generiertes Hintergrundbild
So, nochmal. Das ist mein Code in der Datei image.js :
script type=text/javascript
$(document).ready(function() {
var bg_array = ['1.png', '2.png', '3.png'];
var bg = bg_array[Math.floor(Math.random() * bg_array.length)];
var path = 'fileadmin/user_upload/images/background/';
$('#bg1').css('background-image:', 'url('+path+bg+')');
});
/script
Diese Datei binde ich so im Typoscript ein:
page.includeJS{
bg = fileadmin/templates/js/image.js
}
Und es passiert einfach nichts, wie kann das sein?
Ich brauche das sehr dringend :(
LG
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Zufällig generiertes Hintergrundbild
Hallo Kristina.
Zunächst: Egal was du treibst, du solltest die passenden Werkzeuge dazu haben
und auch verwenden.
Wenn JavaScript-Code Fehler produziert, dann musst du die sehen können, und
auch näher betrachten. Verwende dazu Chrome mit offener Debug-Console oder den
Firefox mit Firebug. In beiden Browsern geht dann mit F12 die Debughilfe auf.
Da siehst du dann, ob JavaScript Fehler wirft weil du dich zum Beispiel
vertippt hast. Oder ob du Dateien anfragst die auf dem Server nicht liegen und
deshalb mit einem 404 - Page Not Found zurück kommen.
Egal in welcher Sprache du unterwegs bist, du solltest grundsätzlich eine IDE
verwenden die dich dabei unterstützt. Syntaxfehler müssen prominent dargestellt
werden, sprachspezifisches Highlighting der Tokens hilft auch, und für
Schreibfehler darf das Ding gerne eine Rechtschreibkorrektur für englische
Wörter mitbringen. Ich verwende PhpStorm, das kann JavaScript, CSS und PHP
nativ und mit einem passenden Plugin auch TypoScript. Und sobald ein Wort
unterringelt ist oder ein rotes oder gelbes Icon am Seitenrand erscheint
braucht den Server gar nicht erst bemühen.
Die Lösung per JavaScript finde ich gut, alle anderen Wege machen dir Caching
kaputt.
Deine image.js-Datei enthält in der ersten Zeile script Das ist
falsch. JavaScript-Dateien dürfen nur den JavaScript-Quellcode enthalten, keine
XML-Tags. Schon daran sehe ich dass du weder eine IDE mit JS-Unterstützung noch
die Debuging-Console im Browser verwendest: Beide hätten dir diesen Fehler
angezeigt.
Dein jQuery.css ist auch falsch. Ob dir das der Browser anzeigt oder nicht kann
ich gerade nicht sagen, ich bin mir nicht sicher, ob jQuery ungültige CSS-Keys
einfach schluckt oder mit einer Exception bemängelt. Auf jeden Fall heißt die
CSS-Property background-image, nicht background-image:. Der Doppelpunkt da
ist falsch.
Hast du sichergestellt dass jQuery vor deinem image.js eingebunden wird? Und
dass jQuery überhaupt da ist? Dein TypoScript enthält ja nur deine image.js.
Ich würde übrigens im TypoScript die Date image.js nicht mit dem Key bg
einbinden. Um mal im Spieltrieb Dinge zu testen geht das sicher, aber ich würde
sowohl als Dateiname als auch als TypoScript-Key den gleichen, deutlich
sprechenden Namen verwenden. randomBackgroundImage zum Beispiel.
Und zuletzt könnte dein #bg1 auch einfach entweder nicht das richtige DOM-Node
treffen oder von anderem CSS übermalt werden.
div id=bg1div id=bg2/div/div
Ich kann dem bg1 noch so viele Hintergrundbilder geben, wenn das bg2 einen
einfarbigen, nicht-transparenten Hintergrund hat kann bg1 nicht durch scheinen.
Kurz, so mit einem halben Quellcodefragment kann der Fehler eigentlich überall
liegen.
Gruß,
Stephan Schuler
Web-Entwickler
Telefon: +49 (911) 539909 - 0
E-Mail: stephan.schu...@netlogix.de
Website: media.netlogix.de
E-Mail-Archivierung – Rechtssicher, wirtschaftlich, clever
Jetzt anmelden zum kostenlosen Webinar am 29.07.:
http://it-training.netlogix.de/angebote/webinare/mailstore
--
netlogix GmbH Co. KG
IT-Services | IT-Training | Media
Neuwieder Straße 10 | 90411 Nürnberg
Telefon: +49 (911) 539909 - 0 | Fax: +49 (911) 539909 - 99
E-Mail: i...@netlogix.de | Internet: http://www.netlogix.de
netlogix GmbH Co. KG ist eingetragen am Amtsgericht Nürnberg (HRA 13338)
Persönlich haftende Gesellschafterin: netlogix Verwaltungs GmbH (HRB 20634)
Umsatzsteuer-Identifikationsnummer: DE 233472254
Geschäftsführer: Stefan Buchta, Matthias Schmidt
-Ursprüngliche Nachricht-
Von: typo3-german-boun...@lists.typo3.org
[mailto:typo3-german-boun...@lists.typo3.org] Im Auftrag von Kristina Dr??mmer
Gesendet: Donnerstag, 17. Juli 2014 11:24
An: typo3-german@lists.typo3.org
Betreff: Re: [TYPO3-german] Zufällig generiertes Hintergrundbild
So, nochmal. Das ist mein Code in der Datei image.js :
script type=text/javascript
$(document).ready(function() {
var bg_array = ['1.png', '2.png', '3.png'];
var bg = bg_array[Math.floor(Math.random() * bg_array.length)];
var path = 'fileadmin/user_upload/images/background/';
$('#bg1').css('background-image:', 'url('+path+bg+')');
});
/script
Diese Datei binde ich so im Typoscript ein:
page.includeJS{
bg = fileadmin/templates/js/image.js
}
Und es passiert einfach nichts, wie kann das sein?
Ich brauche das sehr dringend :(
LG
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Zufällig generiertes Hintergrundbild
Vielen Dank! Mache sowas nicht alltäglich und hatte schon stundenlang gegoogelt :S Jetzt klappt alles, danke! ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Zufällig generiertes Hintergrundbild
Habe schon mit Javascript veruscht, habe folgenden Code in eine js-Datei gepackt und sie per Typoscript im header eingebunden:
script type=text/javascript
$(document).ready(function() {
var bg = bgArray[Math.floor(Math.random() * bgArray.length)];
var path = 'fileadmin/user_upload/images/background/';
$('#bg1').css('background', path+bg);
});
/script
Stimmt etwas am Code nicht?
LG
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Zufällig generiertes Hintergrundbild
Wie wird denn bgArray geschrieben?
-Ursprüngliche Nachricht-
Von: typo3-german-boun...@lists.typo3.org
[mailto:typo3-german-boun...@lists.typo3.org] Im Auftrag von Kristina Dr??mmer
Gesendet: Mittwoch, 16. Juli 2014 16:27
An: typo3-german@lists.typo3.org
Betreff: Re: [TYPO3-german] Zufällig generiertes Hintergrundbild
Habe schon mit Javascript veruscht, habe folgenden Code in eine js-Datei
gepackt und sie per Typoscript im header eingebunden:
script type=text/javascript
$(document).ready(function() {
var bg = bgArray[Math.floor(Math.random() * bgArray.length)];
var path = 'fileadmin/user_upload/images/background/';
$('#bg1').css('background', path+bg);
});
/script
Stimmt etwas am Code nicht?
LG
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Zufällig generiertes Hintergrundbild
Hallo, das ganze mal mit JavaScript/jQuery ausprobiert? Gruß Olli Kristina Drmmer schrieb am 15.07.2014 16:38: Hallo! Ich würde einem div gerne bei jedem Neuladen der Seite ein zufällig generiertes background-image geben. Habe die Extension cc_random_image ausprobiert, klappt aber nicht. Hat jemand eine andere Idee? Irgendwie ein Script das auf die CSS zugreifen kann? LG, Kristina ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Zufällig generiertes Hintergrundbild
Ist es eine übersichtliche Anzahl von Bildern? Wenn ja, dann könntest du sämtliche Bildpfade in irgendeiner Form ins HTML rendern lassen (z.B. als kommaseparierte Liste) und diese mit JavaScript (jQuery) verarbeiten und damit background-image: url() dynamisch befüllen. Also da ist der Kreativität eigentlich kaum Grenzen gesetzt. Grundsätzlich solltest du es so umsetzten, dass TYPO3 CMS auch die Seite cachen kann. Dynamische Entscheidungen auf Serverseite (PHP-Skript) stehen dem meist entgegen. -Ursprüngliche Nachricht- Von: typo3-german-boun...@lists.typo3.org [mailto:typo3-german-boun...@lists.typo3.org] Im Auftrag von Kristina Drömmer Gesendet: Dienstag, 15. Juli 2014 16:38 An: typo3-german@lists.typo3.org Betreff: [TYPO3-german] Zufällig generiertes Hintergrundbild Hallo! Ich würde einem div gerne bei jedem Neuladen der Seite ein zufällig generiertes background-image geben. Habe die Extension cc_random_image ausprobiert, klappt aber nicht. Hat jemand eine andere Idee? Irgendwie ein Script das auf die CSS zugreifen kann? LG, Kristina ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
