vom
30.10.2010, 18:01 -
RE: Suche HTML Code
Themen: 53
Beiträge: 809
Registriert seit: Sep 2009
PTC-Name:
PHP-Code:
<style type="text/css">
body,input
{
font-family:"Trebuchet ms",arial;font-size:0.9em;
color:#333;
}
.spoiler
{
border:1px solid #ddd;
padding:3px;
}
.spoiler .inner
{
border:1px solid #eee;
padding:3px;margin:3px;
}
</style>
<script type="text/javascript">
function showSpoiler(obj)
{
var inner = obj.parentNode.getElementsByTagName("div")[0];
if (inner.style.display == "none")
inner.style.display = "";
else
inner.style.display = "none";
}
</script>
<div align="center"><div class="spoiler">
<input type="button" onclick="showSpoiler(this);" value="Spoilername" />
<div class="inner" style="display:none;">
Spoilerinhalt
</style>
<script type="text/javascript">
function showSpoiler(obj)
{
var inner = obj.parentNode.getElementsByTagName("div")[0];
if (inner.style.display == "none")
inner.style.display = "";
else
inner.style.display = "none";
}
</script>
So das ist mal der übliche Code für nen ganz normalen Spoiler, jetzt musst du hald ein bisschen Basteln
Versuch mal folgendes:
PHP-Code:
<input type="button" onclick="showSpoiler(this);" value="Spoilername" />
i-wie so zu ersetzen, das ein normaler Text draus wird, dann kannst du das "Spoilerinhalt" durch den Bild-Code ersetzten!