「maki ホームページの作成 続き」期限が切れてしまったので、質問しなおしました。お忙しいところ誠に申し訳ございませんが、よろしくお願いいたします。スライダーはhttps://itou-kensya.com/のソースをコピペしてxserverでダウンロードした場合は、動きました(スライダ)。makiのはマックで作成してあったら動かなくて、itouさんのはwindowsだったのでしょうか?makiのタグの訂正の仕方が分からないので、教えて頂けますか?とりあえず作りたいこと①丸型アイコンのページをトップにするhttps://maki-app.com/mainshop.php②丸型アイコンから開くページをつくる(3つ) (丸型アイコンの数は増やせますか?(ページを増やす))③開いた先のページは難しいことは設定しなく、静止画像や文章が表示できればOK④トップページの下にあるgooglemap地図の下に自分で作成した地図画像を挿入したい(添付)https://maki-app.com/mainshop.phpスライドショーの作り方はitouさんの↓この部分をコピペして、画像ファイルを新しく挿入すれば出来るようになるのでしょうか?(itouさんのソースは見やすいです)\u0026lt;script\u0026gt;// ========================================// スライドショー機能// ========================================// 施工事例の画像を自動で切り替え表示let slideIndex = 1;showSlides(slideIndex);// 前後の矢印ボタンでスライド切り替えfunction plusSlides(n) {showSlides(slideIndex += n);}// ドット(●)クリックで特定のスライドへ移動function currentSlide(n) {showSlides(slideIndex = n);}// スライド表示のメイン処理function showSlides(n) {let i;let slides = document.getElementsByClassName(\u0026quot;mySlides\u0026quot;);let dots = document.getElementsByClassName(\u0026quot;dot\u0026quot;);// 最後のスライドの次は最初に戻るif (n \u0026gt; slides.length) {slideIndex = 1}// 最初のスライドの前は最後に戻るif (n \u0026lt; 1) {slideIndex = slides.length}// 全てのスライドを非表示for (i = 0; i \u0026lt; slides.length; i++) {slides[i].style.display = \u0026quot;none\u0026quot;;}// 全てのドットの選択状態を解除for (i = 0; i \u0026lt; dots.length; i++) {dots[i].className = dots[i].className.replace(\u0026quot; active-dot\u0026quot;, \u0026quot;\u0026quot;);}// 現在のスライドのみ表示slides[slideIndex-1].style.display = \u0026quot;block\u0026quot;;// 現在のドットに選択状態を追加dots[slideIndex-1].className += \u0026quot; active-dot\u0026quot;;}// 4秒ごとに自動で次のスライドへsetInterval(function() {plusSlides(1);}, 4000);

Windowsgoogle

1件の回答

回答を書く

1164915

2026-03-22 23:55

+ フォロー

>画像ファイルを新しく挿入すれば出来るようになるのでしょうか?



挿入するだけではなりませんね。

基礎知識は必要になります。

うったえる有益だ(0シェアするブックマークする

関連質問

Copyright © 2026 AQ188.com All Rights Reserved.

博識 著作権所有