2013-05-03 3 views
2

나는 이런 종류의 질문을 가진 또 다른 게시물이 있다는 것을 알고있다. 그러나 (정확한) 대답이 없었기 때문에 저를 도울 새로운 사람과 이것을 알고 싶어하는 다른 사람들을 열어주고 싶었습니다. 'HTML 속성 CHtml :: link

아래 코드에서 onmouseover를 추가하여 이미지에 호버 효과를 적용 할 수 있습니까? 그렇다면 나를 기쁘게 도와 줄 수 있습니까?

echo CHtml::link(CHtml::image($home['src'], $home['alt']), Yii::app()->getController()->createUrl("/admin")); 

이것은 Yii 프레임 워크와 PHP로 작성되었습니다. 미리 감사드립니다!

나를 도우려는 모든 사람들에게 감사합니다!

나는 이것을 위해 당신에게 매우 감사하며, 희망을 갖고 그것을 필요로하는 사람들에게도 이것을 읽고있다. 그리고 빠른 응답에 감사드립니다!

는 작업 코드

echo CHtml::link(CHtml::image($home['src'], $home['alt'],array("onmouseover" => "this.src='/LimeSurvey/styles/scanyours/images/home1.png';")), Yii::app()->getController()->createUrl("/admin")); 

답변

3

너무

echo CHtml::link(CHtml::image($home['src'], $home['alt'],array('onmouseover'=>'your function'), Yii::app()->getController()->createUrl("/admin")); 
+0

나는 이해한다. 그러나 '당신의 기능'에서 나는 img src 코드를 넣었지만 작동하지는 않는다. Yii :: 이미지를 $ home [ 'src'], $ home [ 'alt'], 배열 ('onmouseover'=> '/ LimeSurvey/styles/scanyours/images/scanyours.png') app() -> getController() -> createUrl ("/ admin")); –

2

당신은 이것에 대한 htmloptions을 사용할 수 있습니다. 그것은 기본적으로 속성을 추가합니다.

echo CHtml::link(
     CHtml::image($home['src'], $home['alt']), 
     Yii::app()->getController()->createUrl("/admin"), 
     array("onmouseover" => "youronmouseovercall()") 
); 

http://www.yiiframework.com/doc/api/1.1/CHtml#link-detail

또 다른 옵션은 CSS의 마우스 오버

#yourlement:hover 
{ 
    color: #f00; 
} 

를 사용하거나 CSS에 대한 JQuery와

$("#yourelement").mouseover(function(){ 
    // do whatever you want here. 
}); 

같은 것을 사용하거나 jQuery를 당신이 추가 할 수 있습니다에 마우스를 올려 놓고하는 것 이드와 htmloptions.

echo CHtml::link(
      CHtml::image($home['src'], $home['alt']), 
      Yii::app()->getController()->createUrl("/admin"), 
      array("id" => "yourelement") 
    ); 
+0

덕분에 이미지를 추가 할 수 있습니다! @nvanesch –

2

기능 CHtml::link는 세 번째 매개 변수는 추가 HTML이 링크 속성을 지정하는 데 사용할 수있는 $htmlOptions 걸립니다.

두 가지 방법으로 mouseover 효과를 가질 수 있습니다.

1) 링크에 onmouseover HTML 속성을 사용하십시오.

echo CHtml::link(CHtml::image($home['src'], $home['alt']), 
Yii::app()->getController()->createUrl("/admin"), array('onmouseover' => 'someJavascriptFunc()')); 

2) 링크에 ID를 할당하고 그것을 jQuery의 mouseover을 결합한다.

echo CHtml::link(CHtml::image($home['src'], $home['alt']), 
    Yii::app()->getController()->createUrl("/admin"), array('id' => 'temp')); 

JQuery와 마우스 오버 이벤트 ::

$('#temp').mouseover(function() { 
     //Your code goes here. 
    }); 
+0

감사합니다! @verisimilitude –