[Frage]Bilder

Lewfire · 06/17/2012, 10:37

Hallo,

Ich wollte fragen wie das geht z.b ihr kennt bestimmt Rollover Images, wenn mann über das Feld rüber kommt dann verändert es sich aber wie kann ich mache das wenn ich darauf klicke das es sich nochmal verändert also z.b auf Schlagschatten nach innen oder so.. ich wäre sehr Glücklich wenn mir das jemand sagen würde.

& noch eine Fragen... ich habe eine Bild und das kann ich ja Markieren aber ich will denn Text vom Bild Markieren wie geht das? z.b habe Homepage Button gemacht und Photoshop und ich möchte den das denn Text " Home " Markieren und irgendwo einfügen halt das es wie eine Text ist.

Project Rivalry · 06/17/2012, 11:54

naja entweder du generierst den text mit html und positionierst ihn auf dem button oder du nimmst den text als png...

zu dem schatten bzw effekt da gibt es genügend js bibiotheken die da tolle sachen zaubern können

das z.b.

Quote:

<img src="" onClick="setShadow(test)" id="test">

<script>

function setShadow(id){
//hier dann halt jenachdem was für einen effekt du dir ausgesucht hast js einfügen

}
</script>

Lewfire · 06/17/2012, 12:01

Quote:

Originally Posted by GAMER19951

naja entweder du generierst den text mit html und positionierst ihn auf dem button oder du nimmst den text als png...

zu dem schatten bzw effekt da gibt es genügend js bibiotheken die da tolle sachen zaubern können

das z.b.

Könntest du mir das mit dem

"naja entweder du generierst den text mit html und positionierst ihn auf dem button oder du nimmst den text als png..."

Genauer erklären?

& das selbe geht auch mit eine Text was du mir erklärt hast das mit dem :

Quote:

<img src="" onClick="setShadow(test)" id="test">

<script>

function setShadow(id){
//hier dann halt jenachdem was für einen effekt du dir ausgesucht hast js einfügen

}
</script>

Also, ich habe auch gesehen das geht auch mit eine Text

Project Rivalry · 06/17/2012, 12:27

klar geht das mit einem text.. naja kommt drauf an willst du ein menü machen?

dann nimmste einfach

das musste dir runterladen

da sind auch beispiele und über

#menu li{

}

kannste jetzt background padding text align usw positionieren

PHP Code:


			

<head>
<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script language="javascript" type="text/javascript" src="jquery.animate-textshadow.min.js"></script>
<script>

$(document).ready(function() {
 $('li').hover(function() {
  $(this).animate({"margin-top" : -8, textShadow: "#572d03 0 0 15px"},500);


 },function() {
  $(this).animate({"margin-top" : 0} ,500);
  $(this).animate({textShadow: "#572d03 0 0 0"});

  
 }); 
});
</script>
</head>

<div id="menu">
<ul>
<li><a  href="#" >Startseite</a></li>
</ul>
</div>

hier sollte sich der text um 8 px anheben und einen braunen schatten werfen ,du kannst soweit ich weiß für .hover genauso .click nehmen im js bereich
// nicht getestet...