Zum Inhalt springen

JS-Code auslagern / Imagecycle & Perfectlightbox

Erstellt am 15. Dezember 2010 · 3 Antworten · letzte Antwort am 26. Februar 2011

Tags: Frage

dercin ·

Hey,

Ich habe auf meiner Website www.nicolas-stey.de verschiedene JS-Codes, die Typo3 leider einfach in den Header einfügt. Gibt es eine Möglichkeit diese auszulagern? Rein aus SEO-Technischen Gründen wäre das sehr viel schöner.

Im speziellen sind das bei mir zwei Extensions, nämlich Imagecycle & Perfectlightbox.

Folgendes hat mir leider nicht wirklich weitergeholfen:

config.removeDefaultJS = external
config.inlineStyle2TempFile = 1

Gruß Nico

skydivematy ·

hallo dercin,

Das beeinflusst aber nicht die files die über pageHeaderData eingefügt werden!!!

config.moveJsFromHeaderToFooter = 1
page.includeJS {
meineHeader_jquery = fileadmin/scripts/meineHeader.js
}

du kannst aber auch deine js jquery files einzeln in den footer transportieren.

page.includeJSFooter {
	lightbox_jQuery.external = 1
	lightbox_jQuery = ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js
	lightbox_jquery_js = fileadmin/scripts/lightbox.js
        nochne_jquery_js = fileadmin/scripts/nochnejquery.js

}

Du kannst auch das so machen....

page {
  
  includeCSS.file10 = fileadmin/styles/
  includeCSS.file20 = fileadmin/styles/
  includeCSS.file30 = fileadmin/templates/
  includeCSS.file40 = typo3conf/ext/
  includeCSS.file50 = fileadmin/templates/
  includeCSS.file70 = typo3conf/ext/
  includeCSS.file80 = 
  includeCSS.file90 = 
  includeJS.file10 = typo3conf/ext/
  includeJS.file20 = typo3conf/ext/
  includeJS.file30 = typo3conf/ext/
  includeJS.file40 = typo3conf/ext/
  includeJS.file50 = typo3conf/ext/
  includeJS.file60 = typo3conf/ext/
  includeJS.file70 = typo3conf/ext/
 
}

gruss
maty

dercin ·

Hi, danke schonmal. Leider klappt das bei mir nicht so ganz oder ich blicke es nur nicht.

config.moveJsFromHeaderToFooter = 1

Das schiebt zwar zumindest den Code von imagecycle in den Footer. Jedoch scheint dann aus irgendeinem Grund die Perfect Lightbox nicht mehr zu funktionieren.

Ich muss auch den Code nicht unbedingt in den Footer schieben. Lieber würde ich einfach den eingebetteten Code in eine externe JS Datei auslagern.

Diese Codes liegen bei mir einfach so im <head>

Der Code von Imagecycle:

<script type="text/javascript">
/*<![CDATA[*/
<!-- 
/*8c913ef50268b16cf407ba87a3c3b002*/
jQuery(document).ready(function() {
	
jQuery('#imagecycle_c18').show().cycle({
	fx: 'fade',
	easing: 'easeInBack',
	speed: '1000',
	timeout: '500',
	sync: true,
	random: false
		
});
	
jQuery('#imagecycle_c18').parent().css('width', jQuery('#imagecycle_c18').css('width'));
			
});

// -->
/*]]>*/
</script>

Und der Code von Perfect Lightbox

<script type="text/javascript">
SlimboxOptions.resizeSpeed = 400;
SlimboxOptions.overlayOpacity = 0.8;
SlimboxOptions.loop = true;
SlimboxOptions.allowSave = false;
SlimboxOptions.slideshowAutoplay = false;
SlimboxOptions.slideshowInterval = 5000;
SlimboxOptions.slideshowAutoclose = true;
SlimboxOptions.counterText = 'Bild ###x### von ###y###';</script>

Ist es möglich diese auszulagern?

Gruß Nico

SLAng ·

Wahrscheinlich zu spät, aber ander suchen vielleicht auch noch danach:

plugin.tx_imagecycle_pi1.jsInline = 1
config.removeDefaultJS = external

Aus der Doku:

If set, the Javascript will be inserted into the inlineJS, after this, its possible to put it into externel files (config.removeDefaultJS = external)