javascript - jq를 사용하여 위와 아래에 이미지가 있는 캐러셀을 작성하는 방법은 무엇입니까?

그림과 같이 자동 회전 중에는 하단의 작은 그림이 움직이지 않습니다. 1초 후 다음 작은 그림에 바구니 프레임이 나타납니다. 가장 오른쪽 작은 그림에 파란색 상자가 나타나면 아래쪽 그림이 나타납니다. 다음 초에 작은 그림 4개가 왼쪽으로 이동합니다. 이런 자동 캐러셀을 수행하는 방법에 대한 아이디어를 주세요.

黄舟 2017-05-19 10:13:41 0  1  781

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

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

大家讲道理 2017-07-05 10:58:00 0  1  1077

javascript - 네이티브 js 캐러셀 차트

최근 네이티브 js 캐러셀 사진을 만지작거리다가 전환에 전환을 추가해서 마지막 사진부터 첫 번째 사진까지 연결 문제가 컸습니다. 마지막 그림 뒤에 첫 번째 그림을 추가한 다음 상위 요소에서 첫 번째 그림을 제거하는 것이 아이디어입니다. 비슷한 코드를 작성한 마스터가 있습니까?

PHPz 2017-05-18 10:46:20 0  4  1155

모바일의 사용자 정의 Bootstrap 5 캐러셀(여러 항목이지만 한 행에 있지 않음)

모바일 장치에서 캐러셀 레이아웃을 사용자 정의하는 데 문제가 있습니다. 단 하나가 아닌 모바일에서 캐러셀의 모든 항목을 표시하고 싶지만 일부 CSS 및 JS, 특히 displayfloat 또는 max-witdh를 사용하여 시도한 후에 이것이 불가능하다고 생각하기 시작했습니다. 아니면 그렇지 않습니다. 잘못된 위치/속성을 어디서 보거나 볼 수 있는지 알 수 없습니다. 내가 달성하려는 목표를 확인할 수 있도록 두 개의 이미지를 포함했습니다. 내가 달성하려는 것: 내가 가진 것: 샘플 html 코드는 매우 기본적인 코드이므로 CSS를 포...

P粉763662390 2023-09-05 11:53:56 0  1  643

새 제목: Vue를 사용하여 Firebase Cloud Storage Blob의 이미지 표시

나는 사용자가 제품 바코드를 스캔한 다음 표시할 제품 사진과 함께 제품에 대한 데이터를 반환하는 제품 조회 저장소를 구축 중입니다. 이제 테스트 목적으로 Firebase 버킷을 설정하고 이미지를 업로드했습니다. Firebase Storage API를 호출하여 이미지를 성공적으로 검색했지만 Vue 애플리케이션에 표시할 수 없는 것 같습니다. 예제에서는 순수 js와 html을 사용하므로 Firebase 문서에서 올바른 문서를 찾을 수 없는 것 같습니다. 이미지를 표시하는 내 코드: &l

P粉362071992 2024-02-21 11:30:43 0  2  500

함수가 계산한 내용을 변수로 전달하는 방법

함수가 계산한 내용을 변수에 어떻게 전달할 수 있나요? {code...} 코드에서 보듯이 이 계산을 이용해서 내가 원하는 이미지 주소를 출력한 후, 다음 코드를 통해 페이지에 이미지를 표시합니다. {code...} 그런데 다음과 같이 계산된 내용을 전달하는 방법은 다음과 같습니다. 두 번째 단락의 첫 번째 코드는 무엇입니까? ? ? 저는 JS초보입니다..

天蓬老师 2017-06-26 10:55:07 0  2  892

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

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

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

Python Selenium이 이미지 확인 코드를 얻습니다.

이미지 확인 코드를 로컬로 캐시한 다음 사용자가 웹 서비스를 통해 이미지를 보고 수동으로 코드를 입력하여 로그인할 수 있도록 하고 싶습니다. 공식적인 작업은 인터페이스가 없기 때문에 셀레늄 스크린샷을 사용할 수 없습니다. 셀레늄 스크린샷과 우클릭 방법 외에 다른 방법은 없나요? 현재 js를 사용하여 인증 코드를 변환하려고 생각 중입니다.

PHP中文网 2017-06-12 09:21:28 0  4  1637

javascript - vue 구성 요소에서 Baidu 공유의 초기 로딩에 실패했습니다.

내 vue 프로젝트에서 Baidu Sharing을 사용합니다. 템플릿의 js가 처음 로드될 때 Baidu Sharing의 버튼 이미지가 표시되지 않습니다. 클릭 이벤트가 적용되었습니다. 새로고침하면 정상적으로 표시됩니다. { code...}mounted() { {code...}

PHP中文网 2017-06-28 09:26:32 0  1  954

javascript - 회전식 차트의 점프 문제

총 4개의 캐러셀 항목이 있는데, 화면에는 3개가 나타날 수 있습니다. 무선 캐러셀을 구현하기 위해 html에 2개를 나란히 배치했는데, 위치가 시작점에 있을 때 앞으로 버튼을 클릭하면 점프가 발생합니다. 프로세스가 진행 중인데 크롬 디버깅에서 단계별 실행이 점프하지 않습니다. 무슨 일인가요? js 코드는 다음과 같습니다. {code...

怪我咯 2017-05-19 10:34:28 0  1  461

node.js - 브라우저 환경에서 노드의 fs 모듈을 사용하는 방법은 무엇입니까?

이미지를 읽으려면 순수 js를 사용해야 합니다. 유일한 매개변수는 이미지 경로입니다. 다음은 노드 환경의 코드입니다. {code...} 브라우저 환경의 프롬프트에서 다음과 같이 오류가 발생했습니다. browserify가 fs 모듈을 브라우저에서 사용할 수 있는 모듈로 변환할 수 없는 것 같습니다...

高洛峰 2017-05-16 13:44:07 0  2  1348

Array JS의 이미지 52개

저는 IT Assistant 1년을 공부하고 있으며 현재 JavaScriptHTML 및 CSS를 사용하여 카드 게임을 코딩해야 합니다. 내 질문은: 어떻게 JS에서 52개의 카드를 배열에 넣고 해당 카드의 모든 이미지가 배치된 폴더의 경로를 제공한 다음 표시합니까? 내가 직접 작성한 다음 코드를 시도했지만 콘솔에만 표시됩니다. 내가 무엇을 잘못하고 있는지 알려주시면 충분할 것입니다. 이로 인해 페이지의 이미지가 표시되지 않습니다. functionStart(){letKarten=["1h

P粉267885948 2024-03-30 21:14:49 0  1  493

PHP에서는 데이터베이스에 있는 동일한 주문 번호를 가진 데이터를 사진 테이블 표시에 어떻게 표시할 수 있습니까?

모든 마스터에게 위 데이터베이스의 테이블에 있는 [동일 주문 번호]의 데이터를 어떻게 그림의 테이블 디스플레이에 표시할 수 있는지 묻고 싶습니다. 각 주문 번호는 이러한 테이블을 형성합니다. it], 내 동생의 졸업 프로젝트입니다. 형제 자매 여러분, 도와주세요. 코드를 제공하는 것이 가장 좋습니다.

Fllllll 2018-03-06 10:42:05 0  1  1357

javascript - JQuery는 점 표시 버튼을 통해 현재 요소의 ID를 가져오는 방법(동적 데이터의 ID를 가져오는 방법)

1. 표시된 이미지와 응시자 정보는 모두 DataList에 의해 반복됩니다. 이는 표시 버튼을 클릭하여 해당 시험 시간, 과목 코드 및 기타 정보를 얻는 것입니다. 이를 달성하려면 표시 버튼을 클릭하여 현재 후보자의 정보를 처리를 위해 백그라운드 방법으로 다시 보냅니다. JS는 어떻습니까?

PHP中文网 2017-05-19 10:18:00 0  2  797

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  930

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  801

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  680

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  657

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  1075

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  559