[GastForen Archiv Adobe GoLive Bildwechsel in Zelle

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Bildwechsel in Zelle

chrass
Beiträge gesamt: 21

3. Nov 2006, 00:04
Beitrag # 1 von 2
Bewertung:
(650 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich möchte viel kleine vom Link entfernte Pictogramme per Linkkontakt wechseln.
Mit Ebenen, Aktion und Ebenenpositionierung per CSS funktionierts zwar einigermaßen, allerdings ist es (die Arbeit) bei vielen Pictogrammen sehr umfangreich und außerdem nehmen sie es mit der Positionierung in versch. Browsern nicht so genau (obwohl CSS auf "statisch" gestellt).Deshalb meine Frage: kann ich auf irgendeine Art Bildinhalte in Tabellen fernsteuern (d.h. Bildwechsel), also ohne Rahmen?
Gruß
Christoph
X

Bildwechsel in Zelle

Dirk Levy
  
Beiträge gesamt: 9422

3. Nov 2006, 08:12
Beitrag # 2 von 2
Beitrag ID: #259905
Bewertung:
(647 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ja, klar geht das, Du mußt mit benannten Bildern
arbeiten, ich habe mal so ein Teil für Dich gemacht
als Muster:

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]

<html xmlns="[url]http://www.w3.org/1999/xhtml">[/url]

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Unbenannte Seite</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<csactions>
<csaction name="c170a98e1" class="Set Image URL" type="onevent" val0="bdwechsel" val1="images/AMIblau.gif" urlparams="2"></csaction>
<csaction name="c170a9a12" class="Set Image URL" type="onevent" val0="bdwechsel" val1="images/amilogo.gif" urlparams="2"></csaction>
</csactions>
<csscriptdict>
<script type="text/javascript"><!--
CSStopExecution=false;
function CSAction(array) {return CSAction2(CSAct, array);}
function CSAction2(fct, array) {
var result;
for (var i=0;i<array.length;i++) {
if(CSStopExecution) return false;
var aa = fct[array[i]];
if (aa == null) return false;
var ta = new Array;
for(var j=1;j<aa.length;j++) {
if((aa[j]!=null)&&(typeof(aa[j])=="object")&&(aa[j].length==2)){
if(aa[j][0]=="VAR"){ta[j]=CSStateArray[aa[j][1]];}
else{if(aa[j][0]=="ACT"){ta[j]=CSAction(new Array(new String(aa[j][1])));}
else ta[j]=aa[j];}
} else ta[j]=aa[j];
}
result=aa[0](ta);
}
return result;
}
CSAct = new Object;

CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf("/")+1),10);
CSIsW3CDOM = ((document.getElementById) && !(IsIE()&&CSBVers<6)) ? true : false;
function IsIE() { return CSAg.indexOf("MSIE") > 0;}
function CSIEStyl(s) { return document.all.tags("div")[s].style; }
function CSNSStyl(s) { if (CSIsW3CDOM) return document.getElementById(s).style; else return CSFindElement(s,0); }
CSIImg=false;
function CSInitImgID() {if (!CSIImg && document.images) { for (var i=0; i<document.images.length; i++) { if (!document.images[i].id) document.images[i].id=document.images[i].name; } CSIImg = true;}}
function CSFindElement(n,ly) { if (CSBVers<4) return document[n];
if (CSIsW3CDOM) {CSInitImgID();return(document.getElementById(n));}
var curDoc = ly?ly.document:document; var elem = curDoc[n];
if (!elem) {for (var i=0;i<curDoc.layers.length;i++) {elem=CSFindElement(n,curDoc.layers[i]); if (elem) return elem; }}
return elem;
}
function CSGetImage(n) {if(document.images) {return ((!IsIE()&&CSBVers<5)?CSFindElement(n,0):document.images[n]);} else {return null;}}
CSDInit=false;
function CSIDOM() { if (CSDInit)return; CSDInit=true; if(document.getElementsByTagName) {var n = document.getElementsByTagName('DIV'); for (var i=0;i<n.length;i++) {CSICSS2Prop(n[i].id);}}}
function CSICSS2Prop(id) { var n = document.getElementsByTagName('STYLE');for (var i=0;i<n.length;i++) { var cn = n[i].childNodes; for (var j=0;j<cn.length;j++) { CSSetCSS2Props(CSFetchStyle(cn[j].data, id),id); }}}
function CSFetchStyle(sc, id) {
var s=sc; while(s.indexOf("#")!=-1) { s=s.substring(s.indexOf("#")+1,sc.length); if (s.substring(0,s.indexOf("{")).toUpperCase().indexOf(id.toUpperCase())!=-1) return(s.substring(s.indexOf("{")+1,s.indexOf("}")));}
return "";
}
function CSGetStyleAttrValue (si, id, st) {
var s=si.toUpperCase();
var myID=id.toUpperCase()+":";
var id1=s.indexOf(myID,st);
if (id1==-1) return "";
var ch=s.charAt(id1-1);
if (ch!=" " && ch!="\t" && ch!="\n" && ch!=";" && ch!="{")
return CSGetStyleAttrValue (si, id, id1+1);
var start=id1+myID.length;
ch=s.charAt(start);
while(ch==" " || ch=="\t" || ch=="\n") {start++; ch=s.charAt(start);}
s=s.substring(start,si.length);
var id2=s.indexOf(";");
return ((id2==-1)?s:s.substring(0,id2));
}
function CSSetCSS2Props(si, id) {
var el=document.getElementById(id);
if (el==null) return;
var style=document.getElementById(id).style;
if (style) {
if (style.left=="") style.left=CSGetStyleAttrValue(si,"left",0);
if (style.top=="") style.top=CSGetStyleAttrValue(si,"top",0);
if (style.width=="") style.width=CSGetStyleAttrValue(si,"width",0);
if (style.height=="") style.height=CSGetStyleAttrValue(si,"height",0);
if (style.visibility=="") style.visibility=CSGetStyleAttrValue(si,"visibility",0);
if (style.zIndex=="") style.zIndex=CSGetStyleAttrValue(si,"z-index",0);
}
}

function CSSetImageURL(action) {
var img=CSGetImage(action[1]);
if (img) img.src=action[2];
}


// --></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/*CMP*/ 'c170a98e1'] = new Array(CSSetImageURL,/*CMP*/ 'bdwechsel',/*URL*/ 'images/AMIblau.gif');
CSAct[/*CMP*/ 'c170a9a12'] = new Array(CSSetImageURL,/*CMP*/ 'bdwechsel',/*URL*/ 'images/amilogo.gif');

// --></script>
</csactiondict>
</head>

<body>
<table width="180" border="1" cellspacing="2" cellpadding="0">
<tr>
<td><a onmouseover="CSAction(new Array(/*CMP*/'c170a98e1'));return true;" onmouseout="CSAction(new Array(/*CMP*/'c170a9a12'));" href="#" csout="c170a9a12" csover="c170a98e1">Bild wechsel Dich</a></td>
<td></td>
<td><img id="bdwechsel" src="(EmptyReference!)" alt="" name="bdwechsel" border="0" /></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<p></p>
</body>

</html>[/code]

Hier funktioniert es a) wenn der Mauszeiger hereinkommt gibt
es das eine Bild und b) wenn der Mauszeiger den Link verläßt
gibt es das andere Bild.

Du mußt meine Bilder dann bei Dir ersetzen, wichtig ist
das für den Bildrahmen die Größe auf Bild gesetzt wird,
weil es sonst nicht paßt...

Gruß
Dirk

[LMCP - LEVY MEDIA MULTICHANNEL PUBLISHING]
http://www.levy-media.de


als Antwort auf: [#259884]
(Dieser Beitrag wurde von oesi50 am 3. Nov 2006, 09:48 geändert)

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
21.06.2022

Online
Dienstag, 21. Juni 2022, 10.00 - 10.30 Uhr

Webinar

Viele Druckereien – kleine und große – suchen heute nach Wegen, ihre Effizienz und Produktivität zu steigern. Dabei erkennen sie oft, dass sie sich dringend um die Optimierung, Standardisierung und Automatisierung ihrer Workflows und Prozesse kümmern sollten. In unserer kostenlosen, jeweils ca. 30 minütigen Webinar-Reihe erfahren Sie, wie Sie die Effizienz- und Produktivitätspotenziale Ihrer Druckerei erschließen können – und wie einfach und kostengünstig das sein kann.

kostenlose 3-teilige Webinar-Reihe, 21., 23. und 26. Juni 2022, jeweils 10:00 - 10:30

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://impressed-workflow-server.de/impressed-webinar-reihe-the-big-picture/

Impressed Webinar-Reihe THE BIG PICTURE
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/