2016-09-15 76 views
0

我真的是一個編程的新手,我一直在學習自己的HTML和Javascript在今年夏天的書籍,論壇和朋友的信息。如何隱藏和提交jpgs後提交mailchimp

所以我有這個項目,我發佈10月1日,我努力試圖隱藏和顯示一些jpgs。

我的目的是在HTML的末尾有這個Mailchimp訂閱框,我說'如果你訂閱這個Webcomic,你會看到下一章的第一頁'。所以當有人提交他的電子郵件jpg顯示。

這是mailchimp代碼。

<div id="mc_embed_signup"> 
<form action="//romanbk.us14.list-manage.com/subscribe/post?u=e398c205a943a35571238434b&amp;id=10e55b870c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 
    <div id="mc_embed_signup_scroll"> 
    <label for="mce-EMAIL" style="color:white">Subscribe to this Webcomic</label> 
    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> 
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_e398c205a943a35571238434b_10e55b870c" tabindex="-1" value=""></div> 
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> 
    </div> 
</form> 
</div> 

而這些是我試圖隱藏和顯示的jpgs。他們已經隱藏起來了,但是如何展示他們呢?

<div id="Chapter2" class="chapter2" style="vertical-align:middle; text-align: center; display: none"> 
    <img src="Pages/Cover.jpg" > 
    <img src="Pages/Page2-1.jpg"> 
</div> 

我一直在努力,我已經在這個論壇上發現,但沒有一個爲我工作或者我還沒有懂得他們是如何工作的一些JavaScript代碼。有什麼辦法可以做我想做的事嗎?我確定必須有一個代碼,但仍然很難實現。謝謝你的時間。

回答