묻다찾다_PHP 중국어 웹사이트

지역 사회

배우다

도구 라이브러리

AI 도구

여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

。 2018-01-31 16:19:16

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

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

漂亮男人 2017-06-26 10:58:16

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

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

某草草 2017-05-18 10:52:10

페이지에 이미지가 로드되지 않음

웹 애플리케이션에서 슬라이딩 이미지를 로드하려고 하며 이를 위해 Bootstrap 캐러셀을 사용하고 있습니다. 배경에서 사진을 찍으세요. 이미지는 이미지 상태로 저장됩니다. 다음은 데이터를 가져오는 JSON 형식입니다. Images:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}] 이미지를 업로드한 후 Nodejs의 특수 폴더에 저장되고 거기에서 엔드포인트를 사용하여 이미지를 추출합니다. 이미지. 다음은 Nodejs 코드입니다.

P粉238433862 2023-09-09 20:59:03

헤더 이미지, 텍스트, 버튼을 반응형으로 만드는 방법

Bootstrap5를 사용하여 웹사이트를 만들고 있습니다. 웹사이트 헤더에서는 Bootstrap의 캐러셀을 헤더로 사용하고 있습니다. 캐러셀 이미지를 사용하면 텍스트와 버튼도 표시할 수 있습니다. 이미지, 텍스트, 버튼이 반응하기를 원합니다. 미디어 쿼리를 사용해 보았지만 어떻게 해야 할지 모르겠습니다. test.html<!doctypehtml><htmllang="en"><head><metacharset="ut

P粉604507867 2023-09-17 09:51:15

javascript - jQuery 파일 업로드 플러그인에 대한 질문

사용자는 input="file" 태그를 사용하여 그림을 선택합니다. 사용자가 선택한 그림을 캔버스에 그린 후 처리를 위해 base64 그림 데이터를 얻습니다. 그러면 이 결과를 jQuery 파일에 어떻게 넣을 수 있을까요? 업로드를 누른 다음 버튼을 클릭하세요. 업로드는 어떻게 되나요? {암호...}

淡淡烟草味 2017-06-10 09:49:07

javascript - 이미지 캐러셀 타이머 설정에 관한 기본 JS 및 jQuety

이미지 캐러셀과 관련하여 자동 재생 설정: 기본 JS 코드를 사용하는 경우 현재 두 가지 방법을 알고 있습니다. 첫 번째 방법: {code...} 두 번째 방법(oBtnNext는 획득한 버튼을 나타냄): { Code.. .} 여기에 요점이 있습니다. jQuery($("#next")를 사용하면 위와 동일하다는 것이 문제입니다.

大家讲道理 2017-07-05 10:58:00

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

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

P粉817354783 2024-01-10 16:53:13

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

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

P粉937769356 2023-09-16 20:47:32

Summernote 편집기에 직접 복사된 이미지를 업로드하고 표시하는 문제

이미지 버튼을 사용하지 않고 Summernote 편집기에 직접 복사한 이미지를 업로드하는 데 문제가 있습니다. 다음은 문제에 대한 간략한 개요와 지금까지 수행한 단계입니다. Summernote를 웹 애플리케이션에 통합하고 붙여넣기 기능을 활성화하여 사용자가 이미지를 복사하여 편집기에 직접 붙여넣을 수 있도록 했습니다. 이미지를 붙여넣은 후 편집기에 알 수 없는 이미지로 표시됩니다. 그런데 AJAX를 이용해서 이미지를 업로드하고 서버에 저장을 하다가 서버에서 이미지를 가져와서 Summernote 편집기에서 표시하려고 하면 이미지가

P粉505917590 2024-03-21 23:48:43

scrollIntoView()가 컨테이너를 페이지 상단으로 스크롤하는 것을 방지합니다.

스크롤 스냅을 사용하지만 현재 표시된 슬라이드를 제어하기 위한 탐색 버튼도 포함하는 간단한 "주로 CSS" 이미지 캐러셀을 만들려고 합니다. 내가 찾은 유일한 해결책은 내가 원하는 작업을 수행하는 대상 요소에 scrollIntoView()를 사용하는 것입니다. 그러나 이 방법은 항상 대상 요소를 페이지 상단으로 스크롤합니다. 대상 캐러셀 슬라이드와 컨테이너를 원래 위치에 유지하고 슬라이드가 가로로 스크롤되어 표시되기를 원합니다. 저는 AdamArgyle의 예를 보고 있었는데 그는 이것을 했고 컨테이너는 그 자리에 ...

P粉690200856 2024-03-26 20:25:28

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

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

ringa_lee 2017-05-19 10:09:10

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

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

P粉872101673 2024-04-04 11:21:03

javascript - 사진 앨범 효과를 얻는 방법은 무엇입니까? 어떤 플러그인을 사용해야 하나요?

클릭해서 사진을 미리보고, 좌우로 슬라이드하고, 숫자도 나와 있는데 컴퓨터에 링크를 넣었는데 마우스 클릭이 아무 효과가 없습니다. 사용할 수 있는 성숙한 플러그인이 있나요? 작성한 마스크를 미리 볼 수는 있지만 좌우 전환이 쉽지 않습니다.

PHP中文网 2017-06-30 09:56:05

javascript - Tinymce 편집기에서 콘텐츠 이미지 크기 조정을 비활성화하는 방법은 무엇입니까?

제목에서 알 수 있듯이 현재 Weibo 콘텐츠 전송을 위한 편집기로 Tinymce가 사용되고 있습니다. 사진을 삽입한 후, 사진을 클릭하면 크기를 변경할 수 있다는 것을 알았습니다. 즉, 4개의 점이 나타나며, 사진을 확대 및 축소할 수 있습니다. 이를 비활성화하려면 어떻게 해야 합니까?

巴扎黑 2017-07-05 10:41:20

배경과 투명 텍스트가 잘립니다.

CSS를 사용하여 아래와 같이 배경에서 투명한 텍스트를 잘라내는 효과를 만드는 방법이 있나요? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 부끄러운 일입니다. 처음에 그림자를 생각했는데 아무것도 생각이 안나네요... 이미지는 웹사이트 배경, 절대 위치의 <img> 태그입니다

P粉439804514 2024-03-25 16:47:36

변수를 이미지 src로 사용하는 방법 - vue.js

저는 Vue를 처음 사용하고 일부 HTML과 CSS를 수행하고 있으며 변수를 이미지 디렉터리로 사용하고 싶지만 이미지가 로드되지 않고 변수가 유효한 tauri 함수에 의해 업데이트되고 이미지도 변경해야 합니다. 다음은 내 코드입니다. <template><imgv-bind:src=getimg()>--and--<img:src={{data}}}>--and--<imgsrc={{data}} >--그리고 많은

P粉148434742 2023-12-29 16:42:56

스크롤 작업 전 조건을 추가하는 방법

fullpage.js 라이브러리를 사용하는 데 문제가 있습니다. 모달이 열릴 때 화면이 스크롤되지 않도록 해야 합니다. 다음 코드로 onLeave, afterLoad 및 jQuery를 사용하여 스크롤을 비활성화하려고 했습니다. $(document).ready(function(){$(window).bind("wheel",function(e){if(document.getElementsByClassName("modal)

P粉738046172 2023-09-06 00:00:45

javascript - 스와이프 이미지를 스와이프할 수 없습니다.

질문의 제목은 요청한 데이터가 없어서 Vue로 작성하여 가짜 데이터가 생성되었습니다. 이는 동적으로 생성된 img 태그이며 페이지에서 사용되는 것입니다. 그런데 Chrome을 열고 효과를 살펴보니 이건 스와이프도 안되고, 초기 이미지만 보이는데, 해당 사진의 동적으로 생성된 이미지도 다음과 같은 구조를 가지고 있는데 왜 그릴 수 없는 걸까요...

黄舟 2017-07-05 10:48:46

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

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

P粉001206492 2023-07-27 21:01:30