javascript - 이미지 수집 효과, 3D 효과 추가 후 선이 나타나는 이유는 무엇입니까?

하나의 div에 여러 개의 하위 div가 있고, 하위 div의 배경 이미지를 모아서 전체 그림을 이루는 데, 집합 효과를 위해 3D y축 반전 효과를 추가했습니다. 접합할 때 중간? 논리적으로 모아본 후여야 합니다. 첨부된 코드는 다음과 같습니다.pic{width: 1000px;height: 655px;positi...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  579

순수 Javascript를 사용하여 이미지 교체를 위한 전환 효과 구현

내가 만든 웹사이트에는 여러 개의 아코디언이 있는데 각 아코디언의 상단에는 이미지가 있습니다. 아코디언을 펼치면 안에 설명이 들어가고 이미지가 다른 것으로 변경됩니다. 그런 다음 아코디언을 닫으면 이미지가 첫 번째 이미지로 다시 전환됩니다. 문제는 이 이미지 변경이 페이드 효과를 사용하여 부드럽게 전환되기를 원하는데 지금은 갑작스러운 변경일 뿐이라는 것입니다. 어떻게 해야 합니까? 아코디언 버튼의 ID가 "button"이고 첫 번째 이미지(두 번째 이미지로 변경됨)가 포함된 레이블의 ID가 "firstim...

P粉458913655 2024-03-30 00:14:11 0  1  470

javascript - 스와이프의 좌우 전환 화살표를 클릭하면 스와이프 소스 코드의 SlideNext 함수 내에서 현재 vue 인스턴스에 액세스합니다.

현재 요구 사항은 vue를 사용하여 탭 표시줄과 스와이프가 포함된 캐러셀 구성 요소를 생성하는 것입니다. 캐러셀 이미지의 왼쪽 및 오른쪽 헤드를 클릭하면 스와이프의 SlideNext 함수에서 현재 페이지의 페이지 번호를 가져오고 페이지 번호를 vue 인스턴스에 전달하여 캐러셀 이미지의 동기화 효과를 얻고 싶습니다. 그리고 탭바! 하지만 지금은 var...

漂亮男人 2017-06-26 10:58:16 0  1  773

javascript - 멋진 캐러셀 이미지를 봤습니다. 구현 방법을 알려주세요.

https://www.pingxx.com 페이지의 캐러셀 이미지가 너무 멋진 걸 봤습니다. 양쪽에서 페이드아웃 효과를 어떻게 얻을 수 있나요?

某草草 2017-05-18 10:52:10 0  2  541

오류 신고

선생님, 선생님의 코드를 기반으로 회전판 이미지를 작성했습니다. 회전판 상자의 클릭 이벤트를 바인딩할 때 "'onclick' 속성을 null로 설정할 수 없습니다"라는 오류가 발생한 이유는 무엇입니까?

P粉373939045 2022-12-21 22:44:27 0  1  735

여러 요소에 호버 효과를 동적으로 추가

프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 단일 단위를 나타내는 여러 요소가 있는(그러나 다른 이유로 여러 요소로 분리해야 하는) 시스템에서는 경우에 따라 마우스를 올리면 함께 색상이 다시 지정되어야 합니다. 프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 아니면 이것이 좋은 습관입니까? my_own_css_class를 사용하여 마우스를 올리면 모든 요소에 추가하여 이 문제를 해결할 수 있었습니다. 하지만 프로그래밍 방식으로 호버 효과를 만들면 나에게 도움이 될 것 같습니다.

P粉203792468 2023-08-15 23:49:58 0  1  528

Vuetify 2의 캐러셀 항목에 href 속성을 추가하는 방법은 무엇입니까?

저는 Vuetify2를 사용하고 있으며 사용자가 캐러셀 이미지를 클릭할 때 사용자를 웹사이트로 리디렉션해야 합니다. 캐러셀의 각 항목은 다른 웹사이트에 연결되어야 하므로 여러 href 등이 필요합니다. API에 제공된 일부 속성을 시도했지만 올바르게 작성되었는지 또는 Vuetify2에서 유효한지 여부를 알 수 없습니다.

P粉937769356 2023-09-16 20:47:32 0  1  606

javascript - 이미지가 로드된 후 js 이미지의 온로드가 실행되지 않습니다.

1. 가정된 효과는 사진이 로드될 때마다 경고 "1"이 발생한다는 것입니다. 실제 효과는 모든 사진이 로드된 후 경고가 4번 발생한다는 것입니다. 2. 다음은 코드입니다. 도와주세요. //imgArray[] 여기에 4개의 그림 링크가 있습니다. 너무 길면 쓰지 않겠습니다. var count = 0;

大家讲道理 2017-05-19 10:12:08 0  4  593

브라우저 크기에 따라 해상도를 자동으로 조정하는 전체 크기 이미지

배송사이트가 있어요. 호버 이미지를 전체 화면에 채우고 컴퓨터 화면 해상도와 독립적으로 만들려면 어떻게 해야 합니까? 브라우저 창을 축소하면 창도 잘리고 축소되어야 합니다. 감사해요. .hover-image{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;flex -directi

P粉302160436 2023-08-16 11:40:39 0  1  511

html-css에 이런 종류의 테두리를 추가하는 방법은 무엇입니까?

그림에서 볼 수 있듯이 그림의 네 모서리에 테두리를 추가하여 이 효과를 어떻게 얻을 수 있습니까?

伊谢尔伦 2017-05-16 13:34:16 0  6  967

슬롯을 사용하여 캐러셀을 만드는 방법은 무엇입니까?

사람들은 일련의 이미지를 사용하여 캐러셀을 만드는 동일한 방법을 계속 보여주었습니다. 그러나 캐러셀의 각 슬라이드에 라이트박스 구성 요소가 포함되기를 원하기 때문에 이 접근 방식은 융통성이 없습니다. 이 경우 캐러셀 배열에 넣은 이미지에 대한 라이트박스 기능을 재정의하고 싶지 않습니다. 정말 좋지 않나요? 코드를 적게 작성하고 Vue.js의 재사용 가능한 구성 요소를 그 어느 때보다 유용하게 만드세요. 슬롯을 사용하는 아주 좋은 예를 찾았습니다. GitHub의 SSENSE가 만든 VueCarousel. 능숙하지 않은 웹 개발자로서 ...

P粉817354783 2024-01-10 16:53:13 0  1  450

그림자 복제 버전으로 메뉴 버튼을 x 모양으로 변환하는 호버 효과 만들기

먼저 제 제목이 혼란스럽다는 점을 인정하고 죄송합니다. 내가 달성하고 싶은 것은 hover에 대한 다음과 같은 효과입니다. 내 웹 사이트는 여기 https://wordpress-493302-3130963.cloudwaysapps.com/입니다. CSS 전환을 사용하여 달성하려는 목표의 절반을 성공적으로 달성했지만 그림자를 볼 수 없습니다. 위 이미지에 표시된 대로 만들기 버튼의 복사본입니다. 내 CSS는 다음과 같습니다.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21 0  2  518

javascript - DOM 요소에서 PDF를 미리 볼 수 있는 플러그인을 추천할 수 있는 사람이 있습니까?

그림의 효과와 비슷하게 이제 objectPDF.js라는 PDF 플러그인을 사용하고 나면 PDF 미리보기 플러그인 뒤에 있는 DOM 요소가 사라집니다.

ringa_lee 2017-05-19 10:09:10 0  2  608

javascript - 캐러셀 JS의 저장된 변수에서 타이머를 호출하는 방법

{코드...} 이유는 최근에 전체화면 캐러셀 기능을 구현하고 싶어서 많은 정보를 질의하고 여러 웹사이트의 코드를 참고해 본 결과 대부분이 난독화된 코드라는 것을 알게 되었기 때문입니다. .. 이해가 안가서요.. 그럼 제가 직접 원시적이고 투박한 캐러셀 이미지를 만들어 봤는데, js 기초가 탄탄하지 않아서 문제가 많을 것 같은데...

女神的闺蜜爱上我 2017-07-05 11:08:40 0  1  1014

android - 두 레이아웃의 가장자리에 이미지를 설정하는 방법

그림과 같이 이러한 효과를 설정하는 방법은 그림이 두 레이아웃의 가장자리에 있습니다. 이 활동 아래에는 프레임 레이아웃을 사용하여 투명도를 설정하는 활동이 있습니다. 투명한.

淡淡烟草味 2017-05-16 13:34:07 0  2  925

모듈을 찾을 수 없습니다: 오류: 'DavidDaDon.png'를 확인할 수 없습니다.

내가 여기서 뭘 잘못하고 있는지 잘 모르겠습니다. src 폴더에 이러한 PNG 이미지가 있고 이미지를 참조하기 위해 필수 경로와 상대 경로를 사용하고 있습니다. 미칠 것 같은 느낌이 들어요. 참고로 가까운 친구, 가족과 함께 생일 축하 카운트다운을 하고 있는데 아코디언 효과로 이미지가 표시됩니다.

P粉001206492 2023-07-27 21:01:30 0  1  628

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3852

React를 사용하는 HTML의 SVG 경로 선택기

저는 사용자가 SVG를 업로드할 수 있는 페인팅 애플리케이션을 만들고 있습니다. 다양한 색상으로 채우고 SVG 위에 그린 후 지웁니다. 하지만 불행히도 SVG의 경로를 얻을 수 없습니다. 아래는 SVG 이미지입니다. 마우스를 가져가면 해당 마우스 오버 경로의 경로를 가져와 선택한 색상으로 채우고 싶습니다. Canvas와 SVG 경로를 사용해 보았습니다. 하지만 행운은 없습니다. Canvas에는 SVG를 그리는 데 사용하는 BeginPath 메서드가 있습니다. <?xmlversion='1.0'encoding='utf-8'?&am...

P粉566048790 2023-09-01 23:22:48 0  1  627

이미지의 시작점과 끝점

이미지의 시작점과 끝점을 설정하려고 합니다. 캔버스와 이미지가 있고 이미지를 캔버스에 넣을 때 시작/끝 지점 위로 마우스를 가져가면 작은 빨간색 원이 켜지기를 원합니다. 이는 다른 이미지 연결을 사용하여 만들 수 있음을 의미합니다. 예: 1) 이미지를 드래그합니다. 2) 이미지를 캔버스에 배치합니다. 3) 시작점/종료점에 마우스를 올리면 작은 빨간 점이 켜집니다. 보시다시피 빨간색 점은 마우스를 올려놓을 때만 나타납니다. 또 다른 질문이지만 첫 번째 질문을 해결하면 멋지네요. 이미지가 그릴(사각형)을 따르지 않습니다. 이것은 htm...

P粉511757848 2023-08-31 12:24:51 0  1  599

Flexbox 레이아웃에 축소 가능한 요소를 삽입하는 방법

이미지가 둘러싸인 Flexbox 레이아웃이 있고 이미지를 클릭하면 일부 정보를 표시하고 싶습니다. 정보는 "열"을 이동하지 않고 이미지가 포함된 행과 바로 아래 행 사이에 나타나야 합니다. 이것이 제가 원하는 효과 유형입니다: http://olmenta.altervista.org(책을 클릭할 때). 내가 한 일은 다음과 같습니다. https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  414