JS-Code auslagern / Imagecycle & Perfectlightbox

  • dercin dercin
    R2-D2
    0 x
    93 Beiträge
    0 Hilfreiche Beiträge
    15. 12. 2010, 18:32

    Hey,

    Ich habe auf meiner Website http://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:

    1. config.removeDefaultJS = external
    2. config.inlineStyle2TempFile = 1

    Gruß Nico

    http://www.nicolas-stey.de - Webentwicklung
    http://www.steyle.com - Fotografie


  • 1
  • skydivematy skydivema...
    Jedi-Meister
    0 x
    276 Beiträge
    1 Hilfreiche Beiträge
    16. 12. 2010, 04:42

    hallo dercin,

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

    1. config.moveJsFromHeaderToFooter = 1

    1. page.includeJS {
    2. meineHeader_jquery = fileadmin/scripts/meineHeader.js
    3. }

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

    1. page.includeJSFooter {
    2. lightbox_jQuery.external = 1
    3. lightbox_jQuery = ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js
    4. lightbox_jquery_js = fileadmin/scripts/lightbox.js
    5. nochne_jquery_js = fileadmin/scripts/nochnejquery.js
    6.  
    7. }

    Du kannst auch das so machen....

    1. page {
    2.  
    3. includeCSS.file10 = fileadmin/styles/
    4. includeCSS.file20 = fileadmin/styles/
    5. includeCSS.file30 = fileadmin/templates/
    6. includeCSS.file40 = typo3conf/ext/
    7. includeCSS.file50 = fileadmin/templates/
    8. includeCSS.file70 = typo3conf/ext/
    9. includeCSS.file80 =
    10. includeCSS.file90 =
    11. includeJS.file10 = typo3conf/ext/
    12. includeJS.file20 = typo3conf/ext/
    13. includeJS.file30 = typo3conf/ext/
    14. includeJS.file40 = typo3conf/ext/
    15. includeJS.file50 = typo3conf/ext/
    16. includeJS.file60 = typo3conf/ext/
    17. includeJS.file70 = typo3conf/ext/
    18.  
    19. }

    gruss
    maty

    Maty

  • dercin dercin
    R2-D2
    0 x
    93 Beiträge
    0 Hilfreiche Beiträge
    17. 12. 2010, 21:49

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

    1. 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:

    1. <script type="text/javascript">
    2. /*<![CDATA[*/
    3. <!--
    4. /*8c913ef50268b16cf407ba87a3c3b002*/
    5. jQuery(document).ready(function() {
    6.  
    7. jQuery('#imagecycle_c18').show().cycle({
    8. fx: 'fade',
    9. easing: 'easeInBack',
    10. speed: '1000',
    11. timeout: '500',
    12. sync: true,
    13. random: false
    14.  
    15. });
    16.  
    17. jQuery('#imagecycle_c18').parent().css('width', jQuery('#imagecycle_c18').css('width'));
    18.  
    19. });
    20.  
    21. // -->
    22. /*]]>*/
    23. </script>

    Und der Code von Perfect Lightbox

    1. <script type="text/javascript">
    2. SlimboxOptions.resizeSpeed = 400;
    3. SlimboxOptions.overlayOpacity = 0.8;
    4. SlimboxOptions.loop = true;
    5. SlimboxOptions.allowSave = false;
    6. SlimboxOptions.slideshowAutoplay = false;
    7. SlimboxOptions.slideshowInterval = 5000;
    8. SlimboxOptions.slideshowAutoclose = true;
    9. SlimboxOptions.counterText = 'Bild ###x### von ###y###';</script>

    Ist es möglich diese auszulagern?

    Gruß Nico

    http://www.nicolas-stey.de - Webentwicklung
    http://www.steyle.com - Fotografie

  • SLAng SLAng
    Flash Gordon
    0 x
    2757 Beiträge
    0 Hilfreiche Beiträge
    26. 02. 2011, 12:43

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

    1. plugin.tx_imagecycle_pi1.jsInline = 1
    2. 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)

  • 1