---
title: "JS-Code auslagern / Imagecycle & Perfectlightbox"
url: "https://www.typo3.net/d/102924-js-code-auslagern-imagecycle-perfectlightbox"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage"]
created: "2010-12-15"
last_reply: "2011-02-26"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# JS-Code auslagern / Imagecycle & Perfectlightbox

Frontend › Barrierefreiheit · 3 Antworten · gestartet 2010-12-15

## Eröffnungsbeitrag

**dercin** · 2010-12-15 · [Beitrag #1](https://www.typo3.net/d/102924-js-code-auslagern-imagecycle-perfectlightbox/1)

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:

```typoscript
config.removeDefaultJS = external
config.inlineStyle2TempFile = 1
```

Gruß Nico

## Antworten

### [#2](https://www.typo3.net/d/102924-js-code-auslagern-imagecycle-perfectlightbox/2) · skydivematy · 2010-12-16

hallo dercin,

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

```typoscript
config.moveJsFromHeaderToFooter = 1
```

```typoscript
page.includeJS {
meineHeader_jquery = fileadmin/scripts/meineHeader.js
}
```

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

```typoscript
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....

```typoscript
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

### [#3](https://www.typo3.net/d/102924-js-code-auslagern-imagecycle-perfectlightbox/3) · dercin · 2010-12-17

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

```typoscript
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:

```php
<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

```php
<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

### [#4](https://www.typo3.net/d/102924-js-code-auslagern-imagecycle-perfectlightbox/4) · SLAng · 2011-02-26

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

```typoscript
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)

---

Quelle: „JS-Code auslagern / Imagecycle & Perfectlightbox“, typo3.net, https://www.typo3.net/d/102924-js-code-auslagern-imagecycle-perfectlightbox
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.