CSS 부분에서 이미지를 완전히 숨길 필요가 있습니다

-2

HTML, CSS 및 JS의 간단한 조합으로 타임 라인 효과를내는 것입니다. http://iamced.net/2014-1/timeline/index2.html CSS 부분에서 이미지를 완전히 숨길 필요가 있습니다

부모 div에서 이미지를 숨기면 어떤 이유로 이미지가 완전히 숨겨집니다 (전환의 일부로). 이미지가 완전히 숨겨 지도록 다른 20 % 높이를 추가하는 방법은 무엇입니까?

2014-06-08 Rafiki Cai

관련 코드를 여기에 게시 *, 당신의 사이트에 링크하지 마십시오. 그렇지 않으면, 귀하의 '문제'가 해결되고 사이트를 수정하자마자이 질문은 즉시 쓸모 없게됩니다. –

같은 몸 뭔가

넣어 뭔가 :

<script type="text/javascript" src="js/jquery.min.js"></script>

변경 (예)와 빈 태그의 내용 :

이

<div id="pic_1></div>

그런 다음 문서의 머리에 JScript를 추가

$("#pic_1").hide();

숫자 기호를 잊지 마세요. backround-image changes was w 웹에 대한 다른 의견에도 불구하고 나를 위해 ork을 사용하고 다른 backround-images를 방해하십시오. 문서의

출처

2014-06-08 14:16:21

부디 : 응답 해 주셔서 감사합니다. 지금 당장 귀하의 제안을 따르고 즉시 여기에보고하도록 최선을 다할 것입니다. –

캔트는 여기 롤 (roll) 할 준비가되어 있습니다. 그냥 jquery에 대한 몇 가지 기사를 읽고 태그를 조작하는 방법을 잘 할 것입니다. greets –

Buddylove : a) 기존 이미지 태그로 무엇을 할 것인지, b) 이미지 태그를 없애면 이미지의 URL이 정의되는 곳이 명확하지 않습니다. 여기 내가 한 일이 있습니다 :

–

바디 :

이

<div id="pics"></div> /* unimportant where - you are seperating code */ 
         /* from content in css too... */

CSS :

이

#pics{ 
background:url(../rel/path/to/the/pic_1.jpg); /* path goes far from your html */ 
               /* if 'one floor down' it's ../ */ 
width:100px; 
height:100px; /* width&height are mandatory and need to match exact */ 
}    /* scale your images accordingly */ 
       /* positioning is still needed with top, left or whatever */

스크립트 : 당신은 단지 그것을 숨기려면

function change_pic{ 
var tag=$("#pics") 
tag.css("background", "url('../path/to/your/next/pic_2.jpg')"); 
}

당신이 필요하지 않습니다하지 않는 명시 적 기능 :

$("#pics").hide();

완료.

물론 여러 이미지로 할 수 있습니다. 하지만 이미 여기에서 자주 다루어집니다. 나처럼 게으른 '드래그 앤 드롭퍼'인 것 같습니다.

출처

2014-06-08 17:03:54

나는 친절하게 지시 한 것을 시도했습니다. (나는 3 시간 만 수면 중이므로 지치고있어.) 내가 만든 그림 참조가 25 개가 넘는 이미지에 어떻게 적용되는지 조금 분명하지 않습니다. 각자 제대로 태그가 붙어 있습니까? http://iamced.net/2014-1/pint/images에서 수행 한 작업이 허용됩니까? http://iamced.net/2014-1/pint/ –

CSS 부분에서 이미지를 완전히 숨길 필요가 있습니다

답변

관련 문제