Alt 02.11.2014, 13:52   #1 (permalink)
Erfahrener Benutzer
 
Benutzerbild von Sven aus Berlin
 
Registriert seit: 07.06.2009
Ort: Berlin
Beiträge: 478
Sven aus Berlin befindet sich auf einem aufstrebenden Ast
Standard Bannerrotation

Hallo Leute,
ich steh mal wieder vor einem Problem. Und zwar wird in der W2DPluginBanner.ccml per
Code:
<style type="text/css">
    .rotationbanner_container_<cc:print value="uniqueid"> {
        <cc:if cond="sidebar" not="1">
        float: left;
        </cc:if>
        padding: 5px;
    }
</style>
der Banner immer gleich ausgegeben. Das sieht in einigen Designs meiner Meinung nach bescheiden aus.
Nun habe ich versucht nach Anleitung: http://www.webtodateforum.de/forum/w...-anpassen.html dies auf den Rotationbanner anzuwenden, doch komme nicht weiter da ich wahrscheinlich ein Denkfehler oder so habe.

Ich habe also in den Plugin-Ordner 3 W2DPluginBanner.ccml:
  1. W2DPluginBanner.ccml
  2. W2DPluginBanner2.ccml
  3. W2DPluginBanner3.ccml
Der erste W2DPluginBanner.ccml sieht wie folgt aus:

Code:
<cc:if cond="&design" eq "1">
<cc:include src="W2DPluginBanner2.ccml">
<cc:else>
<cc:include src="W2DPluginBanner3.ccml">
</cc:if>
<!-- Start Absatz Wechselbanner -->
<!--
Projekt: web to date 7 - Plugin Wechselbanner
Autor: Volker Sauer, etor.de
Version: 1.4

Letzte Änderung:
23.12.2009 Beta
26.01.2010 Switch für Sidebar
27.01.2010 Links auf Bilder
11.02.2010 Escaping
28.02.2010 Absatzhöhe Sidebar
05.08.2010 Margin Links und Rechts (TM) 
02.11.2014 Rülke - 1
-->

<style type="text/css">
    .rotationbanner_container_<cc:print value="uniqueid"> {
        <cc:if cond="sidebar" not="1">
        float: left;
        </cc:if>
        padding: 5px;
    }
</style>

<div id="rotationbanner_plugin<cc:print value="uniqueid">" style="position: relative; height: <cc:print value="height">px; width: <cc:print value="totalwidth">px; margin: 0 <cc:print value="marginright"> 5px <cc:print value="marginleft">;">
    <cc:loop type="columns">
        <div id="rotationbanner_container<cc:print value="loop.number">_<cc:print value="uniqueid">" class="rotationbanner_container_<cc:print value="uniqueid">"></div>
    </cc:loop>
    <div style="clear: both;"></div>
</div>

<div id="rotationbanner_stack_<cc:print value="uniqueid">" style="display: none;">
    <cc:loop type="pictures">
        <div id="rotationbanner_img<cc:print value="loop.number">_<cc:print value="uniqueid">" style="position: absolute">
            <cc:if cond="loop.link"><a href="<cc:print value="loop.link">" target="<cc:print value="loop.target">"></cc:if>
                <img alt="" style="border: 0" src="<cc:print value="loop.filename">" />
            <cc:if cond="loop.link"></a></cc:if>
        </div>
    </cc:loop>
</div>

<script type="text/javascript">
//<![CDATA[

/* <cc:if cond="sidebar"> */
$('#rotationbanner_plugin<cc:print value="uniqueid">').height((<cc:print value="height"> + 10) * <cc:print value="columns">);
/* <cc:else> */
$('#rotationbanner_plugin<cc:print value="uniqueid">').height((<cc:print value="height"> + 10));
/* </cc:if> */

// Konfiguration
var ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid"> = <cc:print value="columns">;
var ROTATIONBANNER_FADETIME_<cc:print value="uniqueid"> = 1000;
var ROTATIONBANNER_WAITTIME_<cc:print value="uniqueid"> = <cc:print value="delay">;
var ROTATIONBANNER_RANDOM_<cc:print value="uniqueid"> = <cc:print value="random">;
var ROTATIONBANNER_IMGWIDTH_<cc:print value="uniqueid"> = <cc:print value="width">;
var ROTATIONBANNER_IMGHEIGHT_<cc:print value="uniqueid"> = <cc:print value="height">;

// Initialisierung
$('.rotationbanner_container_<cc:print value="uniqueid">').each(function() {
    $(this).css('width', ROTATIONBANNER_IMGWIDTH_<cc:print value="uniqueid"> + 'px').css('height', ROTATIONBANNER_IMGHEIGHT_<cc:print value="uniqueid"> + 'px');
});
var rotationbanner_column_<cc:print value="uniqueid"> = 1;
var rotationbanner_count_<cc:print value="uniqueid"> = $('#rotationbanner_stack_<cc:print value="uniqueid"> div').get().length;
var rotationbanner_displayid_<cc:print value="uniqueid"> = new Array();
var rotationbanner_displayimg_<cc:print value="uniqueid"> = new Array();
var rotationbanner_img_<cc:print value="uniqueid"> = ROTATIONBANNER_RANDOM_<cc:print value="uniqueid"> ? Math.ceil(Math.random() * rotationbanner_count_<cc:print value="uniqueid">) : 1;

var rotationbanner_id_<cc:print value="uniqueid"> = rotationbanner_count_<cc:print value="uniqueid"> + 1;

// Animation
function rotationbanner_do_<cc:print value="uniqueid">(start) {
    $('#rotationbanner_stack_<cc:print value="uniqueid"> div').eq(rotationbanner_img_<cc:print value="uniqueid"> - 1).
            clone().appendTo('#rotationbanner_container' + rotationbanner_column_<cc:print value="uniqueid"> + '_<cc:print value="uniqueid">').
            attr('id', 'rotationbanner_id' + rotationbanner_id_<cc:print value="uniqueid"> + '_<cc:print value="uniqueid">').hide().
            fadeIn(start ? 0 : ROTATIONBANNER_FADETIME_<cc:print value="uniqueid">).queue(function() {
        if (rotationbanner_displayid_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">])
            $('#rotationbanner_id' + rotationbanner_displayid_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">] +  '_<cc:print value="uniqueid">').remove();

        rotationbanner_displayid_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">] = rotationbanner_id_<cc:print value="uniqueid">;
        rotationbanner_displayimg_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">] = rotationbanner_img_<cc:print value="uniqueid">;
        rotationbanner_id_<cc:print value="uniqueid">++;
        rotationbanner_column_<cc:print value="uniqueid">++;
        if (rotationbanner_column_<cc:print value="uniqueid"> > ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid">)
            rotationbanner_column_<cc:print value="uniqueid"> = 1;

        if (ROTATIONBANNER_RANDOM_<cc:print value="uniqueid">) {
            do {
                rotationbanner_img_<cc:print value="uniqueid"> = Math.ceil(Math.random() * rotationbanner_count_<cc:print value="uniqueid">);
            } while(jQuery.inArray(rotationbanner_img_<cc:print value="uniqueid">, rotationbanner_displayimg_<cc:print value="uniqueid">) != -1)
        } else {
            rotationbanner_img_<cc:print value="uniqueid">++;
            if (rotationbanner_img_<cc:print value="uniqueid"> > rotationbanner_count_<cc:print value="uniqueid">)
                rotationbanner_img_<cc:print value="uniqueid"> = 1;
        }
        $(this).dequeue();
    });
}

// Animagtion starten
if (rotationbanner_count_<cc:print value="uniqueid"> >= ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid"> || !ROTATIONBANNER_RANDOM) {
    for (var i = 0; i < ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid">; i++)
        rotationbanner_do_<cc:print value="uniqueid">(true);
    setInterval('rotationbanner_do_<cc:print value="uniqueid">(false)', ROTATIONBANNER_WAITTIME_<cc:print value="uniqueid">);
}

//]]>
</script>
<!-- Ende Absatz Photodeck -->
Der zweite W2DPluginBanner2.ccml sieht so aus:
(Hier habe ich Änderungen vorgenommen die eigentlich zur Anwendung kommen sollten).

Code:
<!-- Start Absatz Wechselbanner -->
<!--
Projekt: web to date 7 - Plugin Wechselbanner
Autor: Volker Sauer, etor.de
Version: 1.4

Letzte Änderung:
23.12.2009 Beta
26.01.2010 Switch für Sidebar
27.01.2010 Links auf Bilder
11.02.2010 Escaping
28.02.2010 Absatzhöhe Sidebar
05.08.2010 Margin Links und Rechts (TM) 
02.11.2014 Rülke - 2
-->

<style type="text/css">
    .rotationbanner_container_<cc:print value="uniqueid"> {
        <cc:if cond="sidebar" not="1">
        float: left;
        </cc:if>
        padding: 5px 5px 5px 0px;
        margin-left: -5px;
    }
</style>

<div id="rotationbanner_plugin<cc:print value="uniqueid">" style="position: relative; height: <cc:print value="height">px; width: <cc:print value="totalwidth">px; margin: 0 <cc:print value="marginright"> 5px <cc:print value="marginleft">;">
    <cc:loop type="columns">
        <div id="rotationbanner_container<cc:print value="loop.number">_<cc:print value="uniqueid">" class="rotationbanner_container_<cc:print value="uniqueid">"></div>
    </cc:loop>
    <div style="clear: both;"></div>
</div>

<div id="rotationbanner_stack_<cc:print value="uniqueid">" style="display: none;">
    <cc:loop type="pictures">
        <div id="rotationbanner_img<cc:print value="loop.number">_<cc:print value="uniqueid">" style="position: absolute">
            <cc:if cond="loop.link"><a href="<cc:print value="loop.link">" target="<cc:print value="loop.target">"></cc:if>
                <img alt="" style="padding:5px; background-color: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;" src="<cc:print value="loop.filename">" />
            <cc:if cond="loop.link"></a></cc:if>
        </div>
    </cc:loop>
</div>

<script type="text/javascript">
//<![CDATA[

/* <cc:if cond="sidebar"> */
$('#rotationbanner_plugin<cc:print value="uniqueid">').height((<cc:print value="height"> + 10) * <cc:print value="columns">);
/* <cc:else> */
$('#rotationbanner_plugin<cc:print value="uniqueid">').height((<cc:print value="height"> + 10));
/* </cc:if> */

// Konfiguration
var ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid"> = <cc:print value="columns">;
var ROTATIONBANNER_FADETIME_<cc:print value="uniqueid"> = 1000;
var ROTATIONBANNER_WAITTIME_<cc:print value="uniqueid"> = <cc:print value="delay">;
var ROTATIONBANNER_RANDOM_<cc:print value="uniqueid"> = <cc:print value="random">;
var ROTATIONBANNER_IMGWIDTH_<cc:print value="uniqueid"> = <cc:print value="width">;
var ROTATIONBANNER_IMGHEIGHT_<cc:print value="uniqueid"> = <cc:print value="height">;

// Initialisierung
$('.rotationbanner_container_<cc:print value="uniqueid">').each(function() {
    $(this).css('width', ROTATIONBANNER_IMGWIDTH_<cc:print value="uniqueid"> + 'px').css('height', ROTATIONBANNER_IMGHEIGHT_<cc:print value="uniqueid"> + 'px');
});
var rotationbanner_column_<cc:print value="uniqueid"> = 1;
var rotationbanner_count_<cc:print value="uniqueid"> = $('#rotationbanner_stack_<cc:print value="uniqueid"> div').get().length;
var rotationbanner_displayid_<cc:print value="uniqueid"> = new Array();
var rotationbanner_displayimg_<cc:print value="uniqueid"> = new Array();
var rotationbanner_img_<cc:print value="uniqueid"> = ROTATIONBANNER_RANDOM_<cc:print value="uniqueid"> ? Math.ceil(Math.random() * rotationbanner_count_<cc:print value="uniqueid">) : 1;

var rotationbanner_id_<cc:print value="uniqueid"> = rotationbanner_count_<cc:print value="uniqueid"> + 1;

// Animation
function rotationbanner_do_<cc:print value="uniqueid">(start) {
    $('#rotationbanner_stack_<cc:print value="uniqueid"> div').eq(rotationbanner_img_<cc:print value="uniqueid"> - 1).
            clone().appendTo('#rotationbanner_container' + rotationbanner_column_<cc:print value="uniqueid"> + '_<cc:print value="uniqueid">').
            attr('id', 'rotationbanner_id' + rotationbanner_id_<cc:print value="uniqueid"> + '_<cc:print value="uniqueid">').hide().
            fadeIn(start ? 0 : ROTATIONBANNER_FADETIME_<cc:print value="uniqueid">).queue(function() {
        if (rotationbanner_displayid_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">])
            $('#rotationbanner_id' + rotationbanner_displayid_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">] +  '_<cc:print value="uniqueid">').remove();

        rotationbanner_displayid_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">] = rotationbanner_id_<cc:print value="uniqueid">;
        rotationbanner_displayimg_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">] = rotationbanner_img_<cc:print value="uniqueid">;
        rotationbanner_id_<cc:print value="uniqueid">++;
        rotationbanner_column_<cc:print value="uniqueid">++;
        if (rotationbanner_column_<cc:print value="uniqueid"> > ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid">)
            rotationbanner_column_<cc:print value="uniqueid"> = 1;

        if (ROTATIONBANNER_RANDOM_<cc:print value="uniqueid">) {
            do {
                rotationbanner_img_<cc:print value="uniqueid"> = Math.ceil(Math.random() * rotationbanner_count_<cc:print value="uniqueid">);
            } while(jQuery.inArray(rotationbanner_img_<cc:print value="uniqueid">, rotationbanner_displayimg_<cc:print value="uniqueid">) != -1)
        } else {
            rotationbanner_img_<cc:print value="uniqueid">++;
            if (rotationbanner_img_<cc:print value="uniqueid"> > rotationbanner_count_<cc:print value="uniqueid">)
                rotationbanner_img_<cc:print value="uniqueid"> = 1;
        }
        $(this).dequeue();
    });
}

// Animagtion starten
if (rotationbanner_count_<cc:print value="uniqueid"> >= ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid"> || !ROTATIONBANNER_RANDOM) {
    for (var i = 0; i < ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid">; i++)
        rotationbanner_do_<cc:print value="uniqueid">(true);
    setInterval('rotationbanner_do_<cc:print value="uniqueid">(false)', ROTATIONBANNER_WAITTIME_<cc:print value="uniqueid">);
}

//]]>
</script>
<!-- Ende Absatz Photodeck -->
Und die dritte W2DPluginBanner3.ccml sieht so aus:

Code:
<!-- Start Absatz Wechselbanner -->
<!--
Projekt: web to date 7 - Plugin Wechselbanner
Autor: Volker Sauer, etor.de
Version: 1.4

Letzte Änderung:
23.12.2009 Beta
26.01.2010 Switch für Sidebar
27.01.2010 Links auf Bilder
11.02.2010 Escaping
28.02.2010 Absatzhöhe Sidebar
05.08.2010 Margin Links und Rechts (TM) 
02.11.2014 Rülke - 3
-->

<style type="text/css">
    .rotationbanner_container_<cc:print value="uniqueid"> {
        <cc:if cond="sidebar" not="1">
        float: left;
        </cc:if>
        padding: 5px;
    }
</style>

<div id="rotationbanner_plugin<cc:print value="uniqueid">" style="position: relative; height: <cc:print value="height">px; width: <cc:print value="totalwidth">px; margin: 0 <cc:print value="marginright"> 5px <cc:print value="marginleft">;">
    <cc:loop type="columns">
        <div id="rotationbanner_container<cc:print value="loop.number">_<cc:print value="uniqueid">" class="rotationbanner_container_<cc:print value="uniqueid">"></div>
    </cc:loop>
    <div style="clear: both;"></div>
</div>

<div id="rotationbanner_stack_<cc:print value="uniqueid">" style="display: none;">
    <cc:loop type="pictures">
        <div id="rotationbanner_img<cc:print value="loop.number">_<cc:print value="uniqueid">" style="position: absolute">
            <cc:if cond="loop.link"><a href="<cc:print value="loop.link">" target="<cc:print value="loop.target">"></cc:if>
                <img alt="" style="border: 0" src="<cc:print value="loop.filename">" />
            <cc:if cond="loop.link"></a></cc:if>
        </div>
    </cc:loop>
</div>

<script type="text/javascript">
//<![CDATA[

/* <cc:if cond="sidebar"> */
$('#rotationbanner_plugin<cc:print value="uniqueid">').height((<cc:print value="height"> + 10) * <cc:print value="columns">);
/* <cc:else> */
$('#rotationbanner_plugin<cc:print value="uniqueid">').height((<cc:print value="height"> + 10));
/* </cc:if> */

// Konfiguration
var ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid"> = <cc:print value="columns">;
var ROTATIONBANNER_FADETIME_<cc:print value="uniqueid"> = 1000;
var ROTATIONBANNER_WAITTIME_<cc:print value="uniqueid"> = <cc:print value="delay">;
var ROTATIONBANNER_RANDOM_<cc:print value="uniqueid"> = <cc:print value="random">;
var ROTATIONBANNER_IMGWIDTH_<cc:print value="uniqueid"> = <cc:print value="width">;
var ROTATIONBANNER_IMGHEIGHT_<cc:print value="uniqueid"> = <cc:print value="height">;

// Initialisierung
$('.rotationbanner_container_<cc:print value="uniqueid">').each(function() {
    $(this).css('width', ROTATIONBANNER_IMGWIDTH_<cc:print value="uniqueid"> + 'px').css('height', ROTATIONBANNER_IMGHEIGHT_<cc:print value="uniqueid"> + 'px');
});
var rotationbanner_column_<cc:print value="uniqueid"> = 1;
var rotationbanner_count_<cc:print value="uniqueid"> = $('#rotationbanner_stack_<cc:print value="uniqueid"> div').get().length;
var rotationbanner_displayid_<cc:print value="uniqueid"> = new Array();
var rotationbanner_displayimg_<cc:print value="uniqueid"> = new Array();
var rotationbanner_img_<cc:print value="uniqueid"> = ROTATIONBANNER_RANDOM_<cc:print value="uniqueid"> ? Math.ceil(Math.random() * rotationbanner_count_<cc:print value="uniqueid">) : 1;

var rotationbanner_id_<cc:print value="uniqueid"> = rotationbanner_count_<cc:print value="uniqueid"> + 1;

// Animation
function rotationbanner_do_<cc:print value="uniqueid">(start) {
    $('#rotationbanner_stack_<cc:print value="uniqueid"> div').eq(rotationbanner_img_<cc:print value="uniqueid"> - 1).
            clone().appendTo('#rotationbanner_container' + rotationbanner_column_<cc:print value="uniqueid"> + '_<cc:print value="uniqueid">').
            attr('id', 'rotationbanner_id' + rotationbanner_id_<cc:print value="uniqueid"> + '_<cc:print value="uniqueid">').hide().
            fadeIn(start ? 0 : ROTATIONBANNER_FADETIME_<cc:print value="uniqueid">).queue(function() {
        if (rotationbanner_displayid_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">])
            $('#rotationbanner_id' + rotationbanner_displayid_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">] +  '_<cc:print value="uniqueid">').remove();

        rotationbanner_displayid_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">] = rotationbanner_id_<cc:print value="uniqueid">;
        rotationbanner_displayimg_<cc:print value="uniqueid">[rotationbanner_column_<cc:print value="uniqueid">] = rotationbanner_img_<cc:print value="uniqueid">;
        rotationbanner_id_<cc:print value="uniqueid">++;
        rotationbanner_column_<cc:print value="uniqueid">++;
        if (rotationbanner_column_<cc:print value="uniqueid"> > ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid">)
            rotationbanner_column_<cc:print value="uniqueid"> = 1;

        if (ROTATIONBANNER_RANDOM_<cc:print value="uniqueid">) {
            do {
                rotationbanner_img_<cc:print value="uniqueid"> = Math.ceil(Math.random() * rotationbanner_count_<cc:print value="uniqueid">);
            } while(jQuery.inArray(rotationbanner_img_<cc:print value="uniqueid">, rotationbanner_displayimg_<cc:print value="uniqueid">) != -1)
        } else {
            rotationbanner_img_<cc:print value="uniqueid">++;
            if (rotationbanner_img_<cc:print value="uniqueid"> > rotationbanner_count_<cc:print value="uniqueid">)
                rotationbanner_img_<cc:print value="uniqueid"> = 1;
        }
        $(this).dequeue();
    });
}

// Animagtion starten
if (rotationbanner_count_<cc:print value="uniqueid"> >= ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid"> || !ROTATIONBANNER_RANDOM) {
    for (var i = 0; i < ROTATIONBANNER_COLUMNS_<cc:print value="uniqueid">; i++)
        rotationbanner_do_<cc:print value="uniqueid">(true);
    setInterval('rotationbanner_do_<cc:print value="uniqueid">(false)', ROTATIONBANNER_WAITTIME_<cc:print value="uniqueid">);
}

//]]>
</script>
<!-- Ende Absatz Photodeck -->
In der config.ccml habe ich den Eintrag: <cc:set obj="design" value="1"> hinzugefügt.


Frage:
Lässt sich dies eigentlich auch auf die W2DPluginBanner.ccml anwenden, oder sind meine Versuche und die Idee unnütz?
Der Hintergrund ist der, dass ich nur für ein modifiziertes Design, den Banner an das Design anpassen möchte. Siehe W2DPluginBanner2.ccml im 2. Code.
Wenn ich die Anwendung allgemein im W2DPluginBanner.ccml anwende, findet diese Anwendung ja immer und für alle Designs statt. Und das möchte ich ja nicht!
Wenn mir da jemand helfen könnte, wäre ich dankbar!

Geändert von Sven aus Berlin (02.11.2014 um 13:56 Uhr)
Sven aus Berlin ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an




Alle Zeitangaben in WEZ +2. Es ist jetzt 19:54 Uhr.
Powered by vBulletin® Version 3.8.2 (Deutsch) - Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.3.0 PL2
Seite generiert in 0,10951 Sekunden mit 9 Datenbankabfragen

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16