onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28 0  1  521

angular.js-Angularjs는 페이지를 새로 고치지 않고 다른 탭간에 ui-view를 전환합니다.

html: {code...} 그림과 같이 다양한 라벨을 클릭하면 ui-view 영역에 다양한 페이지가 표시됩니다. 하지만 페이지를 전환하면 페이지가 새로 고쳐지고 페이지의 모든 작업이 새로 고쳐집니다. 내가 달성하고 싶은 것은 대략 다음과 같습니다: {code...} 다른 탭을 통해 다른 UI 보기를 제어합니다...

怪我咯 2017-05-15 16:58:20 0  5  921

목표-c - iOS가 사진을 선택하고 자르기를 사용자 정의할 때 사진을 밀어넣을 수 없는 이유는 무엇입니까?

{Code...} [picker.navigationController pushViewController:imageCropperViewController animation:YES]; 이미지를 선택할 때 응답하지 않는 콘솔 프롬프트 [일반] 알 수 없는 유형으로 이미지 형식 만들기...를 클릭하면 됩니다.

滿天的星座 2017-05-02 09:35:20 0  0  698

javascript - vue :class에 문제가 있나요?

코드는 그림과 같습니다. click 이벤트를 통해 selectLessonCtrl 데이터 요소의 true 또는 false를 제어하지만 select 클래스가 추가되지 않습니다. $index에 문제가 있습니까?

漂亮男人 2017-05-19 10:28:32 0  2  490

angle.js - AngularJ만 사용하여 이미지 슬라이딩 전환을 구현하는 방법은 무엇입니까?

AngularJS의 이미지 캐러셀 효과나 이미지 슬라이딩 전환 효과에 대한 Baidu의 코드는 기본적으로 부트스트랩 제어를 기반으로 구현됩니다. jQ나 기타 도구 없이 순수 AngularJS를 구현하는 방법. 모바일 타오바오 아기 상세페이지 상단 배너처럼 슬라이드하여 사진을 전환하는 효과를 얻으시겠어요?

大家讲道理 2017-05-15 16:51:32 0  1  823

javascript - echarts 데이터의 차이가 매우 작은 경우 어떤 매개변수를 제어해야 하는지 매우 명확한 추세 차트를 만드세요.

{코드...} 수량의 차이는 모두 소수점 이하입니다. 기본적으로 이 그림에서는 차이가 없습니다. 이 차이를 증폭시켜 이와 비슷하게 만들려면 어떤 매개변수를 조절해야 할까요? 너.

天蓬老师 2017-06-14 10:53:22 0  1  830

laravel ajax에 응답이 없습니다.

{code...} {code...} {code...} 코드는 위와 같고 제출 버튼을 클릭해도 아무 일도 일어나지 않으며 데이터베이스에 레코드가 삽입되지 않습니다. jQuery도 상위 페이지에 도입되었습니다. 헤더, 페이지코드, 컨트롤 위와 같습니다. 혹시 어디가 문제인지 잘 모르겠습니다. 답변 부탁드립니다.

高洛峰 2017-05-24 11:32:29 0  3  647

javascript - 개발자 도구에서 캐리지 1개 입력, 쉼표 2개 괄호의 의미는 무엇입니까?

Q1 개발자 도구와 콘솔을 사용하여 js 코드를 입력하세요. Enter 키를 누르면 어떻게 되나요? 아래 그림의 출력과 오류는 어떻게 해석하나요? Q2 변수 선언과 정의 외에 쉼표가 있는데 Enter를 누르면 어떻게 되나요? 아래 그림의 출력과 오류를 어떻게 해석하나요? Q3 괄호 연산자를 추가한 후 Enter를 누르세요...

怪我咯 2017-05-19 10:34:20 0  3  641

Android의 React-Native에서 상태 업데이트가 작동하지 않습니다.

스와이프할 수 있는 가로 갤러리에 이미지 쌍이 있는 코드가 있습니다. 이제 두 이미지의 위쪽 부분을 클릭하면 이미지가 꺼지므로 isImage2Active를 상태로 설정한 다음 소스를 전환했습니다. iOS에서는 완벽하고 완벽하게 원활하게 작동하지만 Android에서는 거의 전혀 작동하지 않습니다. 자주 클릭하면 바뀔 수도 있지만 분명히 내가 원하는 동작은 아닙니다. 그래서 슬라이드 가능한 수평 갤러리 constImage인 이미지 구성 요소가 있습니다.

P粉541551230 2024-04-06 16:54:10 0  1  666

javascript - for 루프 코드의 실행 순서에 대한 질문

위챗 애플릿에서는 캔버스를 클릭하여 그림으로 변환한 후 미리보기하는 기능이 구현되어 있습니다. for 루프에서 비동기 메소드가 호출되기 때문에 온라인 제안을 참조하고 내부에서 즉시 실행 기능을 사용합니다. for 루프. 많은 테스트 후에 가끔 콘솔에서 "loop index is 1"이 먼저 인쇄되는 것을 발견했습니다.

高洛峰 2017-06-24 09:43:08 0  1  789

슬라이드 화살표의 클릭 영역이 아이콘보다 넓습니다.

내 WordPress 개발 사이트에는 갤러리용 슬라이드쇼 기능이 있습니다. 사진을 클릭하면 슬라이드쇼가 시작됩니다. 내 문제는 두 개의 흰색 화살표(왼쪽에 하나, 오른쪽에 하나)입니다. 화살표의 클릭 가능한 영역은 아이콘 크기보다 넓습니다. 아래 사진을 참조하세요. 클릭 가능한 영역이 아이콘보다 넓습니다. 이것은 내 개발 웹사이트의 URL입니다. 이 질문에 내 코드를 포함하려고 시도했지만 "귀하의 질문이 스팸인 것 같습니다"라는 메시지를 받았습니다. CSS 파일은 "https://dev.francisbeg...

P粉195200437 2023-09-13 19:29:50 0  1  655

콘텐츠를 중앙에 배치하고 이미지 링크를 클릭 가능하게 만드는 데 도움이 필요합니다.

기본적으로 이미지와 제목이 화면 중앙에 위치해야 하지만 이미지를 클릭하고 링크를 열 수도 있어야 합니다. 이 작업을 수행할 수 있는 올바른 코드가 있다고 생각하지만 여전히 두 가지 문제가 있습니다. 이미지도 두 가지 크기로 제공되므로 어려워집니다. 방금 원래 크기에 비해 빨간 알약은 더 작게, 파란색 알약은 더 크게 만들어 보았습니다. 다른 3개 이미지의 배경 키프레임에 대해서는 걱정하지 마세요. 제목과 빨간색 및 파란색 알약 이미지를 중앙에 배치하는 데 도움이 필요합니다. 온라인 코드를 사용해 보았지만 여전히 같은 오류가 발생합니...

P粉794851975 2023-09-13 12:12:49 0  1  697

javascript - 로컬에서는 작동하지만 서버에서는 작동하지 않는 이유는 무엇입니까?

로컬에서 html 파일을 생성하고, 다음 두 코드를 입력했는데, 서버에서는 왜 정상적으로 실행되지 않나요? 정상적으로 로컬에서 이미지를 확대 축소해서 서버에서 실행할 수 있는데 클릭해도 효과가 없나요? {코드...} {코드...}

ringa_lee 2017-05-19 10:47:15 0  2  954

문제: 이미지가 너무 느리게 로드됩니다.

Html, Css, Js, Php를 사용하여 크레이그리스트 같은 웹사이트를 만들었습니다. 사용자가 1MB보다 큰 이미지를 업로드하기 위해 클릭하면 페이지가 매우 느려지거나 실패합니다(503 오류). 100kb보다 작은 이미지는 문제가 없습니다. type=file 입력 태그와 미리보기 img 태그가 있는 PHP 페이지에 양식이 있습니다. >여기서는 문제 없습니다. 사용자가 제출 버튼을 클릭하면 양식은 입력 태그의 값을 업로드 코드가 포함된 다른 PHP 페이지로 전달합니다. 질문: 서버에 업로드하기 전 최고의 이미지 크기 조정

P粉676821490 2023-08-17 22:40:08 0  1  672

API 호출에 대한 데이터가 정의되지 않은 이유는 무엇입니까?

저는 React.js를 사용하여 영화 웹 애플리케이션을 구축했습니다. API에서 호출하면 데이터가 제대로 작동합니다. 그러나 API 호출 ID를 통해 페이지를 전환하려고 하면 데이터가 정의되지 않습니다. 저는 Redux 툴킷을 사용하여 데이터를 호출하고 있습니다. 그런데 카드를 누르려고 하면 선택한 카드에서 데이터를 가져오기 위해 설정한 페이지 중 하나가 아래 그림과 같이 발생합니다. 콘솔 로그를 확인해 보니 결과는 다음과 같습니다. code.envsorryicanshareapikeyVITE_BASE_URL=https://a를 확인...

P粉726133917 2024-01-29 13:46:53 0  1  505

위챗 애플릿 계산기를 개발하면서 몇 가지 어려움을 겪었습니다. 알 수 없는 오류가 있는데, 영상에 적힌 내용과 같은 것 같습니다. 조언 부탁드립니다.

위챗 애플릿 계산기를 개발하면서 몇 가지 어려움을 겪었습니다. 알 수 없는 오류가 있는데, 영상에 적힌 내용과 같은 것 같으니, 예를 들어 문의드리고 싶습니다. "7+7"을 입력하면 결과는 일반적으로 14로 표시되지만 결과는 14가 됩니다. "+" 연산자를 두 번째로 클릭하면 콘솔에 오류가 표시됩니다! 출처를 클릭해서 잘못된 설명을 살펴봤으나 오류를 찾을 수 없었습니다. 정말 틀린 부분을 찾을 수가 없네요. 자세한 안내를 해주실 수 있다면 qq:1648407902를 추가해 주시면 됩니다. Q&am...

会玩的白先森 2018-03-24 16:43:36 0  1  1475

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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

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  654