Rollover Bilder - Druckversion

Rollover Bilder - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Rollover Bilder (/thread-9065.html)

Seiten: Seiten: 1 2

Rollover Bilder - Osamu - 23.03.2008

Hallo ich hab in der suche nichts konkretes gefunden.
Also ich hab mir mit Image ready kennen bestimmt viele ein Rollover Button generiert!
Nun hab ich diesen Code erhalten

Code:
<HTML>

<HEAD>

<TITLE>Untitled-1</TITLE>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<!-- ImageReady Preload Script (Untitled-1.psd) -->

<SCRIPT TYPE="text/javascript">

<!--

function newImage(arg) {

    if (document.images) {

        rslt = new Image();

        rslt.src = arg;

        return rslt;

    }

}

function changeImages() {

    if (document.images && (preloadFlag == true)) {

        for (var i=0; i<changeImages.arguments.length; i+=2) {

            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

        }

    }

}

var preloadFlag = false;

function preloadImages() {

    if (document.images) {

        Mixtapes_over_over = newImage("images/Mixtapes_over-over.gif");

        preloadFlag = true;

    }

}

// -->

</SCRIPT>

<!-- End Preload Script -->

</HEAD>

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">

<!-- ImageReady Slices (Untitled-1.psd) -->

<A HREF="#"

    ONMOUSEOVER="changeImages('Mixtapes_over', 'images/Mixtapes_over-over.gif'); return true;"

    ONMOUSEOUT="changeImages('Mixtapes_over', 'images/Mixtapes_over.gif'); return true;">

    <IMG NAME="Mixtapes_over" SRC="images/Mixtapes_over.gif" WIDTH=350 HEIGHT=180 BORDER=0 ALT=""></A>

<!-- End ImageReady Slices -->

</BODY>

</HTML>

Als ich ihn eingefügt hab ist aber nichts passiert also ich darüber fuhr.
Da das erste für mich wie css aussieht hab ich nur das eingefügt

Code:
<A HREF="#"

    ONMOUSEOVER="changeImages('Mixtapes_over', 'images/Mixtapes_over-over.gif'); return true;"

    ONMOUSEOUT="changeImages('Mixtapes_over', 'images/Mixtapes_over.gif'); return true;">

    <IMG NAME="Mixtapes_over" SRC="images/Mixtapes_over.gif" WIDTH=350 HEIGHT=180 BORDER=0 ALT=""></A>

Ging aber auch nicht.
Könnt ihr mir helfen?

RE: Rollover Bilder - StefanT - 23.03.2008

Das muss ins Template "headerinclude":

Code:
<!-- ImageReady Preload Script (Untitled-1.psd) -->

<SCRIPT TYPE="text/javascript">

<!--

function newImage(arg) {

    if (document.images) {

        rslt = new Image();

        rslt.src = arg;

        return rslt;

    }

}

function changeImages() {

    if (document.images && (preloadFlag == true)) {

        for (var i=0; i<changeImages.arguments.length; i+=2) {

            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

        }

    }

}

var preloadFlag = false;

function preloadImages() {

    if (document.images) {

        Mixtapes_over_over = newImage("images/Mixtapes_over-over.gif");

        preloadFlag = true;

    }

}

// -->

</SCRIPT>

<!-- End Preload Script -->

RE: Rollover Bilder - Osamu - 23.03.2008

wenn das im Headerinclude ist kann ich das

Code:
<A HREF="#"

    ONMOUSEOVER="changeImages('Mixtapes_over', 'images/Mixtapes_over-over.gif'); return true;"

    ONMOUSEOUT="changeImages('Mixtapes_over', 'images/Mixtapes_over.gif'); return true;">

    <IMG NAME="Mixtapes_over" SRC="images/Mixtapes_over.gif" WIDTH=350 HEIGHT=180 BORDER=0 ALT=""></A>

dahin wo ich es brauch?
Ich Versuchs einfach mal

RE: Rollover Bilder - Osamu - 23.03.2008

Ich hab das jetzt in headerinclude eingefügt.
So sieht das Template jetzt aus!

Code:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />

<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />

<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />

<script type="text/javascript" src="jscripts/prototype.lite.js?ver=1212"></script>

<script type="text/javascript" src="jscripts/moo.ajax.js?ver=1212"></script>

<script type="text/javascript" src="jscripts/general.js?ver=1212"></script>

<script type="text/javascript" src="jscripts/popup_menu.js?ver=1212"></script>

<link rel="stylesheet" type="text/css" href="{$theme['css_url']}" />

<script language="Javascript" type="text/javascript">

<!--

    var my_post_key = '{$mybb->post_code}';

var cookieDomain = "{$mybb->settings['cookiedomain']}";

    var cookiePath = "{$mybb->settings['cookiepath']}";

    var newpm_prompt = "{$lang->newpm_prompt}";

    var deleteevent_confirm = "{$lang->deleteevent_confirm}";

    var removeattach_confirm = "{$lang->removeattach_confirm}";

    var loading_text = '{$lang->ajax_loading}';

    var saving_changes = '{$lang->saving_changes}';

// -->

</script>

<!-- ImageReady Preload Script (Untitled-1.psd) -->

<SCRIPT TYPE="text/javascript">

<!--

function newImage(arg) {

    if (document.images) {

        rslt = new Image();

        rslt.src = arg;

        return rslt;

    }

}

function changeImages() {

    if (document.images && (preloadFlag == true)) {

        for (var i=0; i<changeImages.arguments.length; i+=2) {

            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

        }

    }

}

var preloadFlag = false;

function preloadImages() {

    if (document.images) {

        Mixtapes_over_over = newImage("pics/Mixtapes_over-over.gif");

        preloadFlag = true;

    }

}

// -->

</SCRIPT>

<!-- End Preload Script -->

{$newpmmsg}

Und ich hab diesen Code

Code:
<A HREF="#"

    ONMOUSEOVER="changeImages('Mixtapes_over', 'images/Mixtapes_over-over.gif'); return true;"

    ONMOUSEOUT="changeImages('Mixtapes_over', 'images/Mixtapes_over.gif'); return true;">

    <IMG NAME="Mixtapes_over" SRC="images/Mixtapes_over.gif" WIDTH=350 HEIGHT=180 BORDER=0 ALT=""></A>

In mein eigenes Template eingefügt.
Was ich dazusagen muss, mein eigenes Template ist nicht im Template von meinem Theme sondern unter Globale Templates!
Muss ich mein eigenes Template bei dem Template von meinem Theme einfügen?

RE: Rollover Bilder - StefanT - 24.03.2008

Geht es denn? Kannst du einen Link posten?

RE: Rollover Bilder - Osamu - 24.03.2008

Nein es geht nicht...
Welchen Link willst du den haben?

RE: Rollover Bilder - Michael - 24.03.2008

Den Link zu der Seite in die du den Code eingebunden hast.

RE: Rollover Bilder - Osamu - 24.03.2008

Link

RE: Rollover Bilder - Osamu - 26.03.2008

Sry für doppel post...
Aber hat jetzt jemand eine Idee?
Sonst muss ich mich nach einer anderen Lösung umschauen!

RE: Rollover Bilder - ows - 26.03.2008

In dem letzten von Dir geposteten Code, befinden sich die Grafiken in unterschiedlichen Ordnern (images und pics).

Liegt´s vielleicht daran?