Skip to content

Commit 6abcaa0

Browse files
FeiSong123FeiSong123
committed
add nano-banana
1 parent 11153fa commit 6abcaa0

7 files changed

Lines changed: 685 additions & 1 deletion

File tree

‎Kontext-Style/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@ <h1>Kontext-Style</h1>
2828
<div class="links">
2929
<p><a href="https://github.com/W2GenAI-Lab/Kontext-Style" target="_blank">GitHub</a></p>
3030
<p><a href="https://huggingface.co/Kontext-Style" target="_blank">Hugging Face</a></p>
31+
<p><a href="https://w2genai-lab.github.io/" target="_blank">Homepage</a></p>
3132
</div>
3233

3334

‎LucidFlux/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,7 @@ <h1>LucidFlux: Caption-Free Universal Image Restoration with a Large-Scale Diffu
4343
<p><a href="https://github.com/W2GenAI-Lab/LucidFlux/blob/main/Technical_Report.pdf" target="_blank">Technical Report </a></p>
4444
<!-- <p><a href="https://github.com/W2GenAI-Lab/LucidFlux" target="_blank">Arxiv (Comming Soon)</a></p> -->
4545
<p><a href="https://github.com/W2GenAI-Lab/LucidFlux" target="_blank">GitHub</a></p>
46+
<p><a href="https://w2genai-lab.github.io/" target="_blank">Homepage</a></p>
4647
</div>
4748
<p> † Equal contribution ‡ Project Leader * Corresponding author</p>
4849
<!-- <p>Updates: Thank <a href="https://jingjingrenabc.github.io/ultrapixel/" target="_blank">catcathh</a> for reproducing this work with our help. The results of the replication are basically in line with our results.</p> -->

‎Nano-Banana-Figure/index.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Nano-Banana-Figure</title>
7+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Montserrat:wght@400;700&display=swap">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
9+
<link rel="stylesheet" href="styles.css">
10+
</head>
11+
<body>
12+
<div class="sidebar">
13+
<h2 class="sidebar-title">Nano-Banana-Figure</h2>
14+
15+
<ul>
16+
<li><a href="#project-info" class="nav-link"><i class="fas fa-file-alt"></i> Project Information</a></li>
17+
<li><a href="#overview" class="nav-link"><i class="fas fa-eye"></i> Style Overview</a></li>
18+
<li><a href="#contact-us" class="nav-link"><i class="fas fa-envelope"></i> Contact Us</a></li>
19+
</ul>
20+
21+
</div>
22+
<div class="content">
23+
<div id="project-info" class="project-info">
24+
<h1>Nano-Banana Figure-Edit LoRA (Real/Anime/Pet → Figure) for Qwen-Image-Edit</h1>
25+
<p>Nano-Banana-Figure is compact LoRA adapter that specializes Qwen-Image-Edit for a specific editing task: converting real people, anime characters, and pets into figure/collectible (PVC/resin “garage kit”) style images. We curated 100 high-quality paired examples using our Nano-Banana pipeline (powered by Gemini 2.5 Flash – Image Generation), then fine-tuned Qwen-Image-Edit to better preserve identity while applying realistic figure materials, lighting, and product-shot composition.</p>
26+
<div class="links">
27+
<p><a href="https://github.com/W2GenAI-Lab/Nano-Banana-Figure" target="_blank">GitHub</a></p>
28+
<p><a href="https://huggingface.co/W2GenAI/Nano-Banana-Figure-LoRA" target="_blank">Hugging Face</a></p>
29+
<p><a href="https://w2genai-lab.github.io/" target="_blank">Homepage</a></p>
30+
</div>
31+
32+
33+
<section id="overview" class="overview-section">
34+
<h2>Overview</h2>
35+
<div class="overview-container">
36+
<div class="overview-item">
37+
<img src="visualization/1.png" alt="Overview 1" class="overview-image">
38+
</div>
39+
</div>
40+
</section>
41+
42+
<section id="contact-us" class="contact-us">
43+
<h2>Contact Us</h2>
44+
<p>
45+
For professional collaboration and inquiries, please contact: <br><strong>sfei285@connect.hkust-gz.edu.cn</strong> <br><strong>tye610@connect.hkust-gz.edu.cn</strong>
46+
</p>
47+
</section>
48+
</div>
49+
50+
<script src="script.js"></script>
51+
</body>
52+
</html>

‎Nano-Banana-Figure/script.js‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
// Kontext-Style main functionality
2+
document.addEventListener('DOMContentLoaded', function() {
3+
// 移除了模态框功能，现在只保留图片导航
4+
5+
// 图片导航功能
6+
function initImageNavigation() {
7+
document.querySelectorAll('.style-display').forEach(display => {
8+
const container = display.querySelector('.style-container');
9+
const images = Array.from(container.querySelectorAll('.style-image'));
10+
const prevBtn = display.querySelector('.prev-btn');
11+
const nextBtn = display.querySelector('.next-btn');
12+
const currentSlideSpan = display.querySelector('.current-slide');
13+
const totalSlidesSpan = display.querySelector('.total-slides');
14+
15+
if (images.length === 0) return;
16+
17+
let currentIndex = 0;
18+
19+
function showImage(index) {
20+
images.forEach(img => img.classList.remove('active'));
21+
images[index].classList.add('active');
22+
23+
currentSlideSpan.textContent = index + 1;
24+
totalSlidesSpan.textContent = images.length;
25+
26+
prevBtn.disabled = index === 0;
27+
nextBtn.disabled = index === images.length - 1;
28+
29+
currentIndex = index;
30+
}
31+
32+
prevBtn.addEventListener('click', () => {
33+
if (currentIndex > 0) {
34+
showImage(currentIndex - 1);
35+
}
36+
});
37+
38+
nextBtn.addEventListener('click', () => {
39+
if (currentIndex < images.length - 1) {
40+
showImage(currentIndex + 1);
41+
}
42+
});
43+
44+
// 键盘导航
45+
display.addEventListener('keydown', (e) => {
46+
if (e.key === 'ArrowLeft' && currentIndex > 0) prevBtn.click();
47+
if (e.key === 'ArrowRight' && currentIndex < images.length - 1) nextBtn.click();
48+
});
49+
50+
// 初始化显示
51+
showImage(0);
52+
});
53+
}
54+
55+
// 初始化
56+
initImageNavigation();
57+
});

0 commit comments

Comments
 (0)