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

지역 사회 배우다 도구 라이브러리 여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

이온 이미지 로딩 팁

저는 Ionic과 Vue3을 가지고 놀고 있습니다. 그런데 ion-img 태그를 사용하면 자산 폴더에서 로드된 이미지가 올바르게 표시되지 않습니다. 폴더 구조: -assets--logo.svg-views--Authentication.vue 표준 HTMLimg를 사용하여 이미지를 로드하면 제대로 작동하지만 ion-img를 사용할 때는 작동하지 않습니다. <ion-row><imgsrc="../assets/logo.svg&q

P粉416996828 2023-08-26 20:03:50

HTML 마크업에서 SVG를 직접 사용하면 버튼에 역할을 할당하거나 원하는 호버 효과를 얻을 수 없습니다.

두 가지 기능을 수행해야 하는 아이콘이 있는 컨테이너가 있습니다. 버튼처럼 작동합니다(키보드/스크린 리더 등을 통해 액세스 가능). 호버/포커스 시 빨간색으로 전환 마크업에서 SVG를 직접 사용할 때 호버 정지 효과 예상대로 작동하지만 img 태그를 사용할 때처럼 SVG에 버튼 역할을 할당할 수 없습니다: .container{height:500px;width:400px; background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59

이미지와 같은 <use> 요소를 통해 SVG 아이콘의 크기를 조정하는 방법

내 HTML 문서에는 icon-x와 같은 ID 속성을 가진 많은 항목이 포함된 문서가 있습니다. 그런 다음 <divclass=container><svg><usexlink:href=#icon-x/></svg></div>와 같은 아이콘을 재사용하고 싶습니다. 그러나 이 예의 아이콘은 소스 SVG에서 다른 아이콘을 가질 수 있습니다. 크기. div.container에는 맞지만 컨테이너 내부의 svg에는 맞지 않기를 원합니다.

P粉184747536 2023-09-15 21:09:43

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

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

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

node.js 반응으로 require 메소드에서 경로를 사용하는 방법은 무엇입니까?

img 태그 안에 이미지 경로를 붙여넣기 위해 require() 메소드를 사용하려고 합니다. 이것이 구성 요소입니다. console.log(img)가 올바른 경로를 반환하므로 Props는 부모로부터 올바르게 전달됩니다. importdatafrom'../asset/data/blog-post.json'functionBlogPostFeed(){constpost=data.map(item=>{return<BlogPostkey={item.i

P粉617237727 2023-09-09 09:58:49

전단지는 지도에 모든 폴리라인을 추가합니다.

지도에 클릭 가능한 작업이 있는 하나 이상의 폴리라인을 추가하고 측정 도구인 PolylineMeasure를 사용하려는 경우 이러한 폴리라인은 어떤 방식으로든 존재하게 됩니다. 폴리라인을 직접 사용할 수 있는 것처럼 지도에서 마커를 사용하여 클릭할 수 있는 것처럼 클릭 기능을 비활성화하기 위해 지도에서 생성된 모든 폴리라인을 가져오는 방법은 무엇입니까? L.polyline(latlngs,{clickable:false}).addTo(map);

P粉358281574 2023-08-18 13:18:02

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

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

P粉242535777 2023-09-07 20:04:02

Plotly 히트맵에서 개별 픽셀 선택/고정

Plotly 히트맵에서는 때때로 2가지 선택 모드를 사용하는 것이 유용합니다. 직사각형 선택(modbar에서 이미 사용 가능) 개별 픽셀 선택/수정: 필요하지 않은 기존 "drawcircle" 버튼을 재활용하여 이를 달성하려고 했습니다. 클릭하면 픽셀이 강조 표시되거나 그 위에 컬러 디스크(또는 Google 지도 UI와 같은 빨간색 "압정핀")가 있어야 합니다. 문제: Modbar에서 drawcircle 도구를 선택하면plotly_click 이벤트가 실행되지 않습니다. 좌표를 얻을 수 없음) 및p...

P粉806834059 2023-09-02 14:57:46

JavaScript를 사용하여 이미지 복사

최근에 저는 수업 시간에 했던 것과는 다른 작은 프로젝트를 실제로 실천해 보기로 결심했습니다. 여기에는 간단한 목표가 있습니다. 이미지와 그 옆에 버튼이 있습니다. 버튼을 누를 때마다 버튼 자체 앞에 첫 번째 태그와 동일한 클래스와 콘텐츠가 포함된 img 태그가 생성되어야 합니다. //FromHTMLconstcontent=document.querySelector('#content');constaddBtn=document.querySelector('#btn-

P粉757432491 2024-01-10 17:37:09

MySQL 테이블의 BLOB 필드를 SQLite 테이블의 BLOB 필드로 마이그레이션합니다.

BLOB 유형의 열 하나를 포함하는 mysql 데이터베이스에 테이블이 있습니다. 유사한 구조를 가진 sqlite 데이터베이스로 내보내고 싶지만 sqlite 데이터베이스에서 대상 테이블에 너무 긴 바이트 오류가 발생합니다. 데이터베이스 mysql에서 BLOB 열이 이미지에 속합니다. 도움이 필요합니다.

P粉585541766 2024-04-01 11:14:54

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

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

P粉458913655 2024-03-30 00:14:11

컴포넌트 디커플링을 달성하는 올바른 방법

나는 Vue2를 사용하여 두 구성 요소 간의 통신을 다루고 있습니다. 그 중 하나는 초기, 로드 및 완료(성공 또는 실패)와 같은 상태를 가질 수 있는 버튼이며, 버튼의 각 상태에 대해 서로 다른 텍스트를 표시할 수 있습니다. 아이콘(로드: 스핀 아이콘, 성공적인 완료: 틱, 오류 완료: x), 버튼 구성 요소를 사용하는 양식도 있습니다. 양식 제출의 현재 상태에 따라 버튼 상태를 변경하는 방법을 잘 모르겠습니다. 아래 코드를 참조하세요. 내 버튼 구성 요소: <template><buttonclass=&quo

P粉476475551 2023-09-14 10:57:11

접근성: 이미지 장식을 위한 alt 또는 alt=""

WCAG2.0 접근성과 관련하여 HTML에 alt 또는 alt=""를 쓰면 빈 alt 태그가 똑같이 유효합니까? 다음과 같습니다: <imgsrc="some-image.jpg"alt=""><imgsrc="some-image.jpg"alt>둘 다 장식용 이미지를 설명하는 데 유효합니까? 브라우저의 개발 도구에서 alt=&quot를 사용하세요.

P粉364129744 2024-02-03 21:18:47

PHP: 하위 폴더의 모든 이미지를 단일 폴더로 복사하는 방법(하위 폴더를 만들 필요가 없습니다!)

아내의 생일 파티를 위해 파티 손님들의 사진을 모아서 기념품으로 멋진 책을 만드는 웹사이트를 만들었습니다. 손님은 계정을 가지고 있으며 "자신의" 폴더에 이미지를 업로드합니다. 이제 사진에서 슬라이드쇼를 동적으로 생성하는 도구가 생겼습니다. 하지만 불행히도 이 도구는 하위 폴더를 탐색할 수 없습니다. 따라서 나의 주요 목표는 이미지 파일을 슬라이드쇼가 가져올 수 있는 지정된 폴더에 복사하는 것입니다. 그런 다음 약 5분마다 PHP 스크립트를 cron으로 실행하고 파티가 진행되는 동안 화면에 이미지를 표시합니다. 나...

P粉877114798 2024-01-29 09:16:15

CSS가 동일한 카테고리의 하나의 div에만 적용되도록 제한하는 방법

마우스 오버 시 이미지 위에 제목이 표시되도록 하려고 하는데 모두 동일한 클래스를 가져야 합니다. 제가 요청하는 것이 가능한지는 모르겠지만 다양한 솔루션을 고려해 보겠습니다. 이것이 나의 현재 코드입니다. <divclass="item"><imgclass="Placeholderimg"src="placeholder.jpg"><divclass="hov

P粉475315142 2023-09-09 21:32:30

SVG 또는 CSS를 사용하여 하이브리드 직선/곡선 섹션 경계를 만드는 방법은 무엇입니까?

내 응용 프로그램의 경우 비표준 섹션 경계가 있는 등록 페이지를 만들고 있습니다. 여기에서 제가 달성하려는 것이 무엇인지 알 수 있습니다. 이것은 단순한 호가 아닙니다. 두 개의 직선과 그 사이에 호가 있습니다. 내가 아는 한, 이와 같은 것을 달성하는 가장 좋은 방법은 SVG를 사용하는 것입니다. 문제는 흰색 영역이 전체 영역을 덮는 이미지를 갖게 된다는 것입니다. 시연을 위해 하늘색을 사용하겠습니다. 배경 이미지 속성이 있는 표준 div를 사용하는 경우 SVG의 흰색이 불투명하므로 다음과 같은 결과가 나타납니다. 나중에 읽기 위...

P粉920835423 2023-09-02 11:35:13

Visual Studio Code: 변수 이름에서 달러 기호를 명확하게 구분하는 효과적인 기술

방금 Atom에서 VisualStudioCode로 전환했으며 달러 기호와 변수 이름을 시각적으로 구분하는 방법을 찾고 있습니다. 개인 CSS 스타일시트를 편집하면 Atom에서 이와 같은 작업이 가능합니다. 일부 CSS 규칙을 적용하면 이를 달성할 수 있습니다. 달러 기호와 변수 이름 사이에 공백 문자가 없고 편집 커서가 달러 기호에서 식별자로 이동합니다. VisualStudioCode에서 비슷한 기능을 구현하는 방법을 찾으려고 했지만 실패했습니다. VSC에는 Atom과 같은 개발 도구가 있다는 것을 알고 있습니다.

P粉543344381 2024-03-21 20:31:19

Vite Reactjs 웹 사이트 앱이 프로덕션에서 API를 호출하지 않지만 localhost에서는 제대로 실행됩니다.

Netlify에 내 애플리케이션을 배포하려고 합니다. 랜딩 페이지는 일련의 이미지를 가져와 갤러리 효과를 만듭니다. 로그인 페이지가 로컬 컴퓨터에서 제대로 실행되고 있지만 배포 후 API가 호출되지 않고 애플리케이션이 로드 상태에 있습니다. Netlify 서버의 로그인 페이지. 개발 도구의 네트워크 탭에서 API가 localhost, localhost 네트워크 탭에서 호출되고 있고 개발 서버에서 API 요청이 실행되지 않는 것을 발견했습니다. 서버 네트워크 탭을 배포합니다. API 호출에 대한 코드는 API 호출 코드입니다. 어떻게...

P粉794177659 2023-08-10 16:32:46

제목 뒤에 확장 아이콘이 있는 사용자 정의 패드 확장

for 루프 내부에 매트 확장 패널이 있는 매트 아코디언을 만들려고 합니다. 문제는 각 확장 프로그램 앞에 확인란을 추가하는 등 몇 가지 사용자 정의를 해야 하고 확장 프로그램 아이콘을 특정 텍스트(이 경우 책 제목) 뒤에 배치해야 한다는 것입니다. 확장 패널 아이콘이 끝이나 시작 부분에 배치될 수 있다는 점을 이해하면 정렬이 혼란스럽습니다. 같은 목적을 달성하기 위해서는 패드 익스텐션이 적합한 구성요소라고 생각합니다. 패드 확장을 구현하는 방법에 대한 지침이 필요합니까, 아니면 고려해야 할 다른 접근 방식이 있습니까?

P粉662802882 2024-04-02 12:39:50

여백을 수정하는 방법

이것은 목표 포스터입니다. 이것은 제 포스터입니다. 제 코드를 읽고 제가 뭘 잘못하고 있는지 말해 주실 수 있나요/더 쉬운 방법이 있나요? 프로젝트는 동기 부여 포스터 웹사이트를 만드는 것입니다. 해야 할 일: 동기 부여 게시물 웹사이트를 만드세요. 원하는 대로 스타일을 지정하세요. 영감을 얻기 위해 대상 이미지를 살펴보세요. 그러나 다음과 같은 특징을 가져야 합니다. 기본 h1 텍스트는 GoogleFonts의 RegularLibreBaskerville 글꼴을 사용해야 합니다: https://fonts.google.com/speci...

P粉893457026 2023-09-05 12:35:23