| Autor |
Nachricht |
Aerendil
Threadersteller
Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 08.09.2009 15:42
Titel Per Textlink Bildaustausch von Hintergrundbild in div/table? |
  |
|
Tach zusammen ich denke mit js müsste das doch irgendwie gehen...
Gibt es eine Möglichkeit, mittels einens Textlinks bei onclick auf den Textlink
ein per style eingebundenes Hintergrundbild eines divs/tabelle auszutauschen?
Also bei Bildern habe ich Möglichkeiten gefunden, die mit Textlink gehen und
wenn das Bild per <img src> eingebunden ist, hab ich ne Möglichkeit gefunden,
aber bei <style>?
Danke im Voraus.
|
|
| |
  |
 |
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: 
|
Verfasst Di 08.09.2009 15:43
Titel
|
|
|
per javascript kein problem 
|
|
| |
|
|
|
Anzeige
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 08.09.2009 15:48
Titel
|
|
|
wie schaut denn das MarkUp aus...hat dein DIV indem der Hintergrund gewechselt werden soll eine eindeutige ID/Kennzeichnung?
dann könntest du per Click eine Funktion aufrufen die mittels
| Code: |
getElementById('foo').style.background = 'url(foobar.jpg)';
|
den Hintergrund wechselt.
|
|
| |
|
|
Aerendil
Threadersteller
Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 08.09.2009 16:19
Titel
|
|
|
Also ob das ganz so einfach ist weiß ich nicht, aber ich versuche es
hier der code wo das div kommt
| Code: | <div id="container" class="container"><!--Div zentriert mit bg-bild unten -->
<table width="955" border="0" cellpadding="0" cellspacing="0" style="background-image:url(../pic/individuell.jpg); background-repeat:no-repeat; background-position:bottom"> |
und später sollen drei links, die in einem Accordion widget sitzen, dann das Hintergrundbild "individuell" gegen jeweils 3 andere austauschen. hier das Markup des widgets:
| Code: | <script src="../scripts/SpryAccordion.js" type="text/javascript"></script>
<div id="Accordion1" class="Accordion">
<div class="AccordionPanel">
<div class="AccordionPanelTab"><br /><a href="" class="sub_bold">I N D I V I D U E L L</a></div>
<div class="AccordionPanelContent" style="margin-right:20PX"><br />Wir beraten Sie individuell und kompetent. Im Mittelpunkt der Planung stehen Natürlichkeit, Substanzerhaltung und Langlebigkeit.</div>
</div><br/>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#" class="sub_bold">S C H O N E N D </a></div>
<div class="AccordionPanelContent" style="margin-right:20PX"><br />Unsere Behandlungen werden substanzschonend, sensibel und nach modernstem Kenntnisstand und modernsten Techniken durchgeführt.</div>
</div><br />
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="" class="sub_bold">P R Ä Z I S E</a></div>
<div class="AccordionPanelContent" style="margin-right:20PX"><br />Detailkenntnis, systematisches Vorgehen und hochwertige Ästhetik sind die Hauptsäulen der Behandlungen.</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script> |
und zu sehen in Aktion - hier: individuell
Ich würde halt gerne wenn ich "schonend" und "präzise" anklicke, dass das Bild dazu wechselt.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
bildaustausch
CSS - Bildaustausch per Rollover
Textlink per CSS auf fett ändern
mouseover-effekt auf textlink?
Submit Button to Textlink
Flash Textlink Cursor ändern
|
|
Willkommen auf dem Portal für Mediengestalter
