React를 사용하여 이미지에 대화형 마커 배치

도와주세요. 홈 페이지에 표시되는 아래와 같은 이미지(더 큰 이미지)가 있습니다. "FORGE" 하우스에는 중앙에 검은색 화살표가 있는 흰색과 파란색 마커가 있습니다. '임대' 주택도 마찬가지다. 이러한 각 마커는 대화형 버튼 역할을 합니다. 예상되는 상호 작용 동작은 다음과 같습니다. 마우스를 올리면 파란색 배경이 확장되어 "Forge" 또는 "Rentals"라는 텍스트가 표시됩니다. 클릭하면 사용자가 적절한 "Forge" 또는 "Rentals&quo...

P粉896751037 2023-09-08 21:25:41 0  1  809

크롬 확장 프로그램이 자신의 경로와 파일에 액세스하도록 허용하는 방법

저는 Opera 확장을 만들고 있는데 확장의 경로에 저장된 일부 이미지를 가져오고 싶습니다. 이 플러그인이 하는 일은 특정 웹페이지에서 배경 이미지 URL과 일부 아이콘을 확장 프로그램 내의 사용자 정의 아이콘으로 변경하는 것입니다. 그러나 스크립트를 실행하면 모든 것이 보이지 않게 되어 이미지를 로드하지 못합니다. 로거 내부에는 chrome-extension://invalid/net::ERR_FAILED가 표시되지만 경로를 기록하면 정상적으로 보입니다. Manifest.json 파일에는 웹이 있습니다.

P粉644981029 2024-02-26 23:12:34 0  1  772

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

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

巴扎黑 2017-07-05 10:41:20 0  1  1165

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

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

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

JavaScript는 썸네일에서 전체 너비 이미지 페이지로의 원활한 전환을 구현합니다.

http://manifesto.clapat.com/ 홈 페이지의 항목을 클릭하면 해당 항목 페이지의 제목이 될 썸네일에서 전체 화면 이미지로 전환됩니다. 이러한 전환 효과는 어떻게 생성되며 ReactRouter 대신 내부 라우팅을 사용하여 이를 구현하는 가장 좋은 방법은 무엇입니까? 누군가가 ReactRouter에서 작동하도록 할 수 있다면 저도 그것을 포팅할 수 있습니다. 사용 가능한 몇 가지 튜토리얼이 있지만 모두 다른/프로젝트 페이지로 이동하는 대신 전체 화면 모달 구성 요소와 유사하게 동일한 페이지에 데이터를 로드합니다.

P粉536532781 2023-09-15 22:09:37 0  1  935

CSS를 사용하여 이미지 경로를 변경하면 작동하지 않습니다.

CSS의 이미지 경로는 정적 웹사이트에서 수정된 후 서버에 업로드되며, 웹사이트를 열면 수정되지 않은 원본 효과가 표시됩니다. 수정된 이미지는 어떻게 해야 할까요? 처리됐나요? 감사합니다!

PHP中文网用户-5675994 2023-07-20 22:29:02 0  0  1640

변환된 요소가 넘치는 것을 방지하고 자동으로 잘라내는 방법은 무엇입니까?

저는 친구의 개인 웹사이트를 위한 모달 갤러리를 만들기 위해 Bootstrap4를 사용하고 있습니다. 마우스를 올리면 이미지가 확장되도록 설정했지만 오버플로를 자동으로 설정하면 모달(또는 div) 가장자리에서 잘립니다. 갤러리는 탭 집합의 세 번째 탭이기도 하지만 모두 훌륭하게 작동합니다. Overflow-auto 클래스가 있는 div를 변경하려고 시도했지만 모두 다르게 태그를 지정해 보았지만 무엇을 시도해도 갤러리가 스크롤되고 내 이미지가 스크롤되도록 만드는 방법을 알 수 없습니다. 마우스 오버 시 흐려지지 않습니다. 잘라냅니다....

P粉242535777 2023-09-07 20:04:02 0  1  565

이미지가 성공적으로 업로드되었습니다.

내 이미지가 URL에 업로드된 것으로 표시됩니다. 이는 올바르게 업로드되었음을 의미하지만 웹 페이지나 데이터베이스에는 표시되지 않지만 내 폴더 디렉토리에는 표시되기 때문에 확실하지 않습니다. 이 프로세스를 수행하는 데 사용하는 두 페이지는 다음과 같습니다. account.php는 이미지를 업로드하는 곳이고 profile-upload.php는 account.php의 서버 측/백엔드입니다. 내 account.php: AlternativeAccountPageWelcome,UpdateProfil

P粉585541766 2023-08-15 13:46:27 0  1  576

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

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

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

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

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

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

Image Flex는 다른 장치에 초점을 맞추지만 내 노트북에는 초점을 맞추지 않습니다.

웹 페이지를 만드는 중인데 문제가 발생했습니다. 내 페이지의 플렉스에 4개의 이미지가 표시됩니다. "검사"를 클릭하고 다른 장치에서 어떻게 보이는지 확인하면 상단 이미지에 2개가 표시됩니다. , 하단에 이미지 2개가 더 있습니다. 여기에 이미지 설명을 입력했는데 돌아가서 노트북에 표시하면 상단에 3개의 이미지가 있고 하단에 1개의 이미지가 표시됩니다. 여기에 이미지 설명을 입력하세요. 항상 이미지가 표시되도록 수정하려면 어떻게 해야 하는지 궁금합니다. 첫 번째 사진에서 (위 2개, 아래 2개) 이것은 내 코드의 일...

P粉270891688 2024-02-17 20:18:55 0  1  360

javascript - forEach 루프 이후 마지막 데이터만 출력됩니까?

코드에 표시된 것처럼 foreach 루프 이후에 생성된 데이터는 마지막 데이터만 생성됩니까? 내 console.log(index); 콘솔은 0, 1, 2, 3, 4를 인쇄할 수 있지만 페이지에 최종적으로 표시되는 그림은 다음과 같은 경우 모두 그림입니다. {코드...} 페이지에 표시되는 효과는 다음과 같습니다. 사진은 모두...

高洛峰 2017-05-19 10:09:07 0  3  649

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

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

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

그림자 복제 버전으로 메뉴 버튼을 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  395

Android의 이미지뷰에 경로 및 음성 파일을 추가하고, 경로 및 음성의 위치를 ​​기록하고, 편집 중에 위치를 변경하지 않고 유지하는 방법

그림에 경로를 그립니다. 경로 끝에 음성을 추가할 수 있습니다. 음성을 클릭하면 경로와 음성이 녹음됩니다. 편집 시 경로와 음성이 삭제됩니다. 이미지의 크기가 조정되면 그에 따라 경로의 크기도 조정되어야 합니다.

黄舟 2017-05-24 11:37:46 0  1  906

php+mysql 조언 좀 주세요

웹페이지에 표시된 내용과 데이터베이스에 있는 값이 잘못된 숫자입니다. 웹페이지에 잘못된 숫자가 표시되는 이유는 무엇입니까? 내 데이터베이스에서 마지막 그림이 왜곡되어 표시되는 이유는 무엇입니까?

曹大大* 2019-06-08 16:47:42 0  0  719

CSS - 부동 소수점 요소가 떨어지는 문제를 해결하는 방법

이 효과를 얻고 싶지만 현재 코드는 다음과 같습니다. {code...} {code...} 너비 문제에 대한 답변을 많이 읽었습니다. 너비를 줄이기 위해 사진의 크기를 비례적으로 조정할 수 있는 방법이 있습니까?

怪我咯 2017-05-16 13:36:42 0  7  1198

화면 크기에 맞는 버튼 만들기 - 배경 이미지 사용법에 대한 자세한 설명

여러 그래픽을 나란히 표시하고 장치 화면 크기에 맞게 조정해야 하는 pfsensecaptiveportal을 개발 중입니다. 이는 이미지 입력 ​​유형을 사용하여 훌륭하게 달성할 수 있습니다. 그러나 pfsense 장치는 이 커밋을 올바르게 인식하지 못합니다. 작동하려면 "계속" 값을 가진 커밋 유형이 필요합니다. 대신 배경 이미지를 사용해 보았지만 배경 이미지의 크기가 조정되지 않습니다. 화면이 작아지면 전체 크기로 나타나고 잘립니다. 배경 이미지 크기를 조정하려면 어떻게 해야 합니까? #content{글꼴-가족

P粉345302753 2023-08-16 13:38:12 0  1  605

css3 - 스크롤 막대가 아래로 내려갈 때 나타나는 페이지의 각 부분 효과를 얻는 방법은 무엇입니까?

웹사이트를 살펴보니 스크롤 막대가 아래로 내려가면서 페이지의 모든 부분이 처음 로드되었을 때와 동일한 효과가 나타납니다. 다시 새로고침하면 이러한 효과가 어떻게 다시 나타납니까? jquery 로드로 쓴건가요? 이 홈페이지 http://www.itxdl.cn/bra... 와 비슷하네요.

漂亮男人 2017-06-05 11:10:23 0  2  1800

PHP에서 입력한 이미지와 비교한 후 유사한 이미지를 디렉토리에 출력합니다.

내 웹페이지에서 사용자는 이미지를 업로드한 다음 제출 시 디렉터리에 있는 모든 이미지와 비교하여 유사한 이미지를 출력해야 합니다. md5로 이 작업을 수행했지만 정확한 이미지만 출력합니다. 이유는 알지만 RGB 비교를 사용하여 내 디렉토리의 모든 이미지를 입력 이미지로 루프하는 방법을 모르겠습니다... 누구든지 도와주실 수 있나요? 이것은 내 현재 코드입니다: <?phpif(isset($_POST['submit'])){$filepath=pathinfo($_FILES['file']

P粉245003607 2024-01-29 14:38:39 0  1  521